Stepper
Multi-step progress. Supports horizontal / vertical orientation, progress dots, and clickable steps.
Basic usage
- AccountSign in
- 2DetailsPersonal info
- 3ConfirmReview & submit
Vertical
- AccountSign in
- 2DetailsPersonal info
- 3ConfirmReview & submit
Progress dots
- AccountSign in
- 2DetailsPersonal info
- 3ConfirmReview & submit
API
Props
| Name | Type | Default | Description |
|---|---|---|---|
value | number | 0 | — |
steps* | Array | — | — |
hue | EpHue | "information" | — |
orientation | StepperOrientation | "horizontal" | — |
state | StepperState | "in-progress" | — |
responsive | boolean | true | — |
clickable | boolean | false | — |
progressDots | boolean | false | — |
size | EpSize | undefined | — |
ariaLabel | string | "Progress" | — |
Events
| Event | Payload | Description |
|---|---|---|
update:value | {"names":["number"]} | — |
change | {"names":["number"]} | — |