Stepper

Stepper communicates user progress through a linear process. It gives context about where they are, which steps are completed, how many steps are remaining, and whether errors or warnings have occurred.

Also known as: Discrete progress indicator, Progress indicator, Progress stepper, Progress steps, Screen flow, Stepped tracker, Status tracker
Salt package@salt-ds/core
Note: This tab list includes overflow; tab positions may be inaccurate or change when a tab is selected
  • When there are separate steps within a process, such as a wizard or a multi-step form.
  • When you want to split a process into distinct, bite-sized sections that are less daunting than lengthy forms.
  • When there are fewer than three steps in a process.
  • As navigation; users cannot interact with the steps.

Step labels never truncate, only wrap. Therefore, ensure they're short and self-explanatory.

To import Stepper and Step from the core Salt package, use: