Progress Step
A progress step component shows the user's advancement through a multi-step process.
Progress Step
Coming soon
New
3
components
,
156
variants
,
styles
Progress Step
Base Components
Overview
A progress step component visually indicates the user's advancement through a multi-step process, such as a form wizard or checkout flow.
When should you use them?
Use progress steps for processes that involve multiple stages, helping users understand their progress and what steps remain.
How should you use them?
- Clearly label each step and indicate its status (completed, current, upcoming).
- Provide visual feedback for completed steps.
- Ensure the progress step component is easy to follow.
- Make the component responsive and adaptable to different screen sizes.
- Ensure the progress step component is accessible, with proper ARIA roles and keyboard navigation.
No previous post
No next post