Stepper
-
1Withdrawal
Option -
2Amount &
Frequency -
3Payment
Option -
4Review & Attach
Documents
-
1Withdrawal
Option Free withdrawal -
2Amount &
Frequency -
3Payment
Option -
4Review & Attach
Documents
-
1Withdrawal
Option Free withdrawal -
2Amount &
Frequency One time payment of $500.00 No federal tax withholding -
3Payment
Option -
4Review & Attach
Documents
-
1Withdrawal
Option Free withdrawal -
2Amount &
Frequency One time payment of $500.00 No federal tax withholding -
3Payment
Option ACH XXXXXX6789 -
4Review & Attach
Documents
-
1Withdrawal
Option Free withdrawal -
2Amount &
Frequency -
3Payment
Option
Content goes here
Lorem ipsum dolar une solo dea badda.
Description:
Stepper pattern for flows that have a number of steps the user needs context for.
Usage:
- Built for 3 or 4 step counts and declared with the list class:
step-count-4. Styles can be added to account for more or less as needed. - Height of the Stepper is defined in the styles and may need to be adjusted per use.
- Classes of
activeandcompletefor indicators - Each step has a digit, title, and details. Details are hidden at "small" viewport size and below. Pattern works for any combo of these.
- In the Withdrawals use case, the step details indicate user choices on completed steps.
Author UI:
Mike
Locatiion:
Withdrawals self-service feature on secure site.
Old step patterns to consider upgrading to new pattern are used on: Variable Trades (Fund Transfers & Allocation Changes), Performance Lock (IAVA contracts)
