Components › Navigation
Stepper
Progress through a multi-step flow, horizontal or vertical.
Installation
npx plankui@latest add stepperUsage
import { Stepper } from "@/components/ui/stepper";
<Stepper current={1} steps={[{ title: "Account" }, { title: "Billing" }]} />API reference
| Prop | Type | Default | Description |
|---|---|---|---|
| steps | { title: ReactNode; description?: ReactNode }[] | required | The steps. |
| current | number | required | Zero-based current step. |
| orientation | "horizontal" | "vertical" | "horizontal" | Layout. |