Stepped tracker
Lab componentStepped tracker
Resources
SteppedTracker visually communicates a user’s progress through a linear process. It gives the user context about where they are in the process, indicating the remaining steps and the state of all steps. It can communicate new information, errors, warnings or successful completion of a process or task.
Examples
How to use
Accessibility
Density
Mode
SteppedTracker contains multiple TrackerStep child components. Each TrackerStep indicates its current status through its icon and color. In addition, the connectors indicate the current active step and the user’s progress through the process.
You can add a label to the TrackerStep using the StepLabel component.