Stepped Tracker
Release candidate
Stepped Tracker
visually communicates a user’s progress through a linear process. It gives the user context about where they are, which steps have they completed, if any errors or warnings have occurred, and how many steps are left.
Also known as: Discrete progress indicator, Progress indicator, Progress stepper, Progress steps, Screen flow, Status tracker, Stepper
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 multistep 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 SteppedTracker
and related components from the lab Salt package, use:
Name | Type | Description | Default |
---|
Name | Type | Description | Default |
---|
Name | Type | Description | Default |
---|
- When there are separate steps within a process, such as a wizard or a multistep 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 SteppedTracker
and related components from the lab Salt package, use:
Name | Type | Description | Default |
---|
Name | Type | Description | Default |
---|
Name | Type | Description | Default |
---|
- When there are separate steps within a process, such as a wizard or a multistep 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 SteppedTracker
and related components from the lab Salt package, use:
Name | Type | Description | Default |
---|
Name | Type | Description | Default |
---|
Name | Type | Description | Default |
---|