Stepper

A horizontal stepper that displays progress through numbered stages in a sequence.

Missing
Show details
Missing
Published: January 08, 2025
Updated: December 01, 2025

The Stepper component visually represents a series of steps arranged from left to right, helping users understand where they are in a multi-stage flow. Each step is shown with a number with the current step is clearly highlighted to indicate progress.

This pattern is useful for onboarding, setup processes, or any guided experience that unfolds in a defined order, giving users a clear sense of orientation and what comes next.


Help and support