Also called: progress indicator, steps.A stepper is a progress tracker for a multi-step process.
GitHub
Figma
Stepper component preview
Take a look at what problems steppers solve to see if they fit the problem you’re solving for.
Problems steppers solve
Use a stepper for a logical sequence split over more than one page to:
Show a person which step they’re on in a process, like in a multi-step form.
Make the structure of a path clear by showing the total number of steps.
Related components
Pagination when a user needs to navigate a range of pages that are not part of a multi-step process. It provides controls to select the next or previous page. Help us improve Have questions or a request? Give feedback on our contact form. Something's wrong? Raise it through GitHub with an account. You'll have access to the team's direct responses, progress made on your issue, and issues raised by others. Give feedback Report an issue on GitHub 2025-05-06