Steppers

Steppers indicate progress within a sequence divided into several logical and numbered steps. The current step is displayed in Active Red, completed steps are marked black with an icon, and unfinished steps have a white background.

Desktop

Step 1

Step 2

Step 3

Mobile

Option 1, on gray background (Tint 4)

Option 2, on gray background (Tint 4)

Option 3, on gray background (Tint 4)

Option 1, on white background

Option 2, on white background

Option 3, on white background