components / stepper
stepper.
numbered progress rail for a multi-step flow. unlike tabs — peers you can visit in any order — a stepper asserts sequence: it renders as an ordered list, marks the active step with aria-current, and only makes already-completed steps clickable.
- pick a timeshown in your zone
- your detailsname and email
- doneinvite sent
installation
bunx @justin06lee/chrome@latest add stepperprops
| name | type | default | description |
|---|---|---|---|
| steps * | Step[] | - | { label, description? }. |
| current * | number | - | zero-based index of the step in progress. |
| orientation | 'horizontal' | 'vertical' | 'horizontal' | |
| onStepClick | (index: number) => void | - | makes completed steps clickable so an earlier answer can be changed. steps ahead of current stay inert. |
| compact | boolean | false | drop labels and descriptions for a bare progress rail. |
| ariaLabel | string | 'progress' | |
| className | string | - |