Stepper
Steppers use for displaying progress through a sequence of steps and makes complicated process easier. They may also be used for navigation. It can display temporal feedback after saving a step and make a process more clear for customers.
Supported:
Components
The component is designed to show the action: default, active and completed. It can be numbered or colored to show the current condition.
Default
Stepper / Default numbered/ 5x
3
4
5
Stepper / Default / 5X
Stepper / Default numbered / 4X
3
4
Stepper / Default / 4X
Stepper / Default numbered / 3x
3
Stepper / Default / 3X
Vertical
Stepper / Vertical / 3X
STEP 1
Step description
STEP 1
Step description
STEP 3
Step description
Stepper / Vertical / 4X
STEP 1
Step description
STEP 1
Step description
STEP 1
Step description
STEP 1
Step description
Stepper / Vertical / 5X
STEP 1
Step description
STEP 1
Step description
STEP 1
Step description
STEP 1
Step description
STEP 1
Step description
Text
Stepper / Text / 5X
STEP 1
Completed Step
STEP 1
Active Step
STEP 1
Default Step
STEP 1
Default Step
STEP 1
Default Step
STEP 1
Completed Step
STEP 1
Active Step
STEP 1
Default Step
STEP 1
Default Step
STEP 1
Default Step
Stepper / Text / 4X
STEP 1
Completed Step
STEP 1
Active Step
STEP 1
Default Step
STEP 1
Default Step
STEP 1
Completed Step
STEP 1
Active Step
STEP 1
Default Step
STEP 1
Default Step
Stepper / Text / 3X
STEP 1
Completed Step
STEP 1
Active Step
STEP 1
Default Step
STEP 1
Completed Step
STEP 1
Active Step
STEP 1
Default Step
Customize
You can customize the component whatewer you want. It may be connected through the line to show the sequence of the path, passed and future points as horizontal as vertical. The number of steps is not restricted. Steps can be indicated by lines and text.
Stepper Signs
01
01
Stepper types
STEP 1
Default Step
STEP 1
Active Step
STEP 1
Completed Step