📍
Stepper
Multi-step form indicator showing progress through steps.
Feedback
Variants
1
2
Horizontal
Props:
variant="horizontal" 1
2
Vertical
Props:
variant="vertical" 1
Small
Props:
size="sm" 1
Large
Props:
size="lg" Props / API
| Prop | Type | Default | Description |
|---|---|---|---|
steps | array | [] | Step items with label |
activeStep | number | 0 | Current active step |
variant | string | horizontal | Layout: horizontal, vertical |
size | string | md | Size: sm, md, lg |
Usage
<Stepper steps={['Step 1', 'Step 2', 'Step 3']} activeStep={0} variant="horizontal" />