Navigation
StepIndicator
A multi-step progress strip for wizards and onboarding. Steps before current are marked done with a checkmark, the current step is highlighted, and later steps
stay muted. Renders horizontally by default, vertically on demand.
Horizontal
Vertical
API
| Prop | Type | Default | Description |
|---|---|---|---|
steps required | Array<{ label, description? }> | no default | Step definitions. |
current required | number | no default | Active step (1-based). Earlier steps render as done. |
orientation | 'horizontal' | 'vertical' | 'horizontal' | Layout direction. |
label | string | 'Progress' | The list's accessible name. Name each list when a page holds two. |
class | string | no default | Extra classes on the nav. |