A stepper can be used for a multitude of scenarios, including shopping carts, record creation and more.
#2 Editable stepsedit
An editable step can be selected by a user at any point and will navigate them to that step.
#3 Non-editable stepsedit
Non-editable steps force a user to process linearly through your process.
#4 Optional stepsedit
An optional step can be called out with sub-text.
#5 Horizontal stepsedit
Horizontal steppers move users along the x-axis through the defined steps.
#6 Vertical steppersedit
Vertical steppers move users along the y-axis and otherwise work exactly the same as their horizontal counterpart.
#7 Linear steppersedit
Linear steppers will always move a user through your defined path.
#8 Non-linear steppersedit
Non-linear steppers allow the user to move through your process in whatever way they choose.
#9 Alternate labelsedit
Steppers also have an alternative label style which places the title under the step itself.
#10 Multi-line error stateedit
An error state can be displayed to notify the user of some action that must be taken.
#11 Alternative label multi-line error stateedit
The error state can also be applied to the alternative label style.
#12 Vertical multi-line error stateedit
The same state also applies to Vertical steppers.