Overview
Orientation switches between horizontal stacks for top-of-page flows and vertical stacks for side rails. Indicators default to numeric labels but accept custom content.
Common use cases
- Checkout and payment flows.
- Account onboarding and KYC.
- Publishing pipelines with approvals.
- Support ticket escalation stages.
FAQ
How is the active step determined?
Pass activeStep as a zero-based index. Steps before the index render as complete, the matching index renders as current, and later steps render as upcoming.
Does the stepper use a real list element?
The root uses role="list" with listitem roles on items so separators and layout can stay flexible without breaking list semantics.