Vertical Stepper
A vertical multi-step progress navigator with connectors, error state, expandable content and clickable steps.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
VerticalStepperProps
Also accepts all props of Omit<React.ComponentProps<"ol">, "onChange">
| Prop | Type | Default | Description |
|---|---|---|---|
| steps* required | VerticalStep[] | — | — |
| current | number | — | Zero-based index of the current step (controlled) |
| defaultCurrent | number | 0 | — |
| onStepChange | (step: number) => void | — | — |
| clickable | boolean | false | Let users jump to any step by clicking it |
Install
$ npx shadcn@latest add https://chromotion.dev/r/vertical-stepper.json