Stepper
A wizard trail on paper: numbered beads, done/current/upcoming, horizontal or vertical. Distinct from Timeline (event log).
Draw
draw a card
$npx shadcn@latest add @clow/stepperFirst time? Point @clow at the registry
Once per project, add the registry to your components.json. Then draw any card by name.
"registries": {
"@clow": "https://clow.cards/r/{name}.json"
}Full setup →Playground
props
<Stepper />Examples
basic
Props
| prop | type | default |
|---|---|---|
| current | number | 1 |
| orientation | horizontal | vertical | horizontal |
| numbered | boolean | true |