Stepper
Navigation
A multi-step indicator with animated check icons, spring-scaled active step, and animated connector lines. Supports horizontal and vertical orientation.
Loading preview...
Customize
Orientation:
Current Step1
Props
| Prop | Type | Default | Description |
|---|---|---|---|
steps | Step[] | — | Array of step objects ({ label, description? }). |
currentStep | number | — | Zero-based index of the currently active step. |
orientation | 'horizontal' | 'vertical' | 'horizontal' | Layout direction of the stepper. |
className | string | '' | Additional CSS classes. |