Stepper
Progress indicator for multi-step flows. Shows completed, active, and upcoming steps. Supports horizontal and vertical orientations.
Examples
Vertical
Props
steps*
Step[]
Array of step objects with title and optional description.
currentStep*
number
0-indexed active step. Steps below this are marked complete.
orientation= 'horizontal'
'horizontal' | 'vertical'
Layout direction.
className
string
Additional classes on the nav wrapper.
| Prop | Type | Default | Description |
|---|---|---|---|
| steps* | Step[] | — | Array of step objects with title and optional description. |
| currentStep* | number | — | 0-indexed active step. Steps below this are marked complete. |
| orientation | 'horizontal' | 'vertical' | 'horizontal' | Layout direction. |
| className | string | — | Additional classes on the nav wrapper. |
Step
title*
string
Step label.
description
string
Supporting text shown below the title.
| Prop | Type | Default | Description |
|---|---|---|---|
| title* | string | — | Step label. |
| description | string | — | Supporting text shown below the title. |