Stepper

Shows progress through a sequence and lets users return to available steps.

@rivetui/stepper

Preview

Explore each composition interactively, then open its code in the same context.

Communicate the current position while keeping completed steps available.

Use a vertical sequence when labels need more room or the available width is constrained.

Keep unavailable steps visible while preventing interaction until their prerequisite is complete.

Registry

Add the component source and its declared dependencies with the shadcn CLI.

Install component

$bunx --bun shadcn@latest add @rivetui/stepper

Public interface

Component-specific props are listed here. Native element and Base UI props continue to pass through.

Prop	Type	Default
`step`	`number`	`required`
`disabled`	`boolean`	`false`