Stepper

We created two types of stepper component to help you show progress through numbered steps. One horizontal and one vertical, you can then play around with the different states of steps, such as active or success for example.

Designer guidelines

Horizontal stepper label bottom

Horizontal stepper label right

Vertical stepper