Navigation & Inputs · Navigation
Stepper (Wizard)
also known as Wizard, Progress steps, Step indicator
A stepper displays progress through a multi-step task as a sequence of numbered, labeled steps, highlighting the current one and marking completed ones. Linear steppers require finishing each step before advancing; non-linear ones let users jump around. It is used for checkouts, onboarding, and long forms.
See it live — shadcn/ui · MUI · Ant Design
Don't confuse it with
A navigation stepper (wizard) guides you through ordered steps of a process; a stepper input is a small +/- control for adjusting a number. Breadcrumbs show hierarchy and pagination shows list pages, neither implies a task sequence.
In the wild
A checkout flow labeled 'Cart > Shipping > Payment > Confirm'.