Usage guidelines outline how the component should and shouldn’t be used in different user interface contexts.
When to use
- Multi-screen forms or workflows (e.g. project setup)
- Any task that benefits from structured, step-by-step guidance
When not to use
- All steps are presented on a single page or screen (e.g. external feed creation)
- The task is short enough that progress tracking adds unnecessary visual noise
Best practices
Use brief Title Case step labels e.g. ‘Deployment Process’.
Hyperlink/show hover states for the ‘Complete’ and ‘Incomplete’ steps.
Hyperlink/show a hover state for the ‘Current’ step when the tracker is shown on a page.
Hyperlink/show a hover state for the ‘Current’ step when the tracker is shown in a dialog.
Show the dismiss button when the tracker is shown on a page.
Show the dismiss button when the tracker is shown in a dialog.
Progressively show steps based on a user's selections (e.g. a Version Control step is added to the tracker when a user selects Git Repository in project setup).