Layout/Stepper
Stepper
A multi-step progress indicator for wizard flows. Animated fill line, completed state with checkmarks, and both horizontal and vertical layouts.
import { Stepper } from "@animui/ui"Horizontal (interactive)
Account
Profile
3
Billing
4
Confirm
Vertical
Account
Profile
3
Billing
4
Confirm
With descriptions
Account
Set up your credentials
2
Profile
Tell us about yourself
3
Billing
Choose a plan
Props
| Prop | Type | Default | Description |
|---|---|---|---|
steps | Step[] | — | Array of { id, label, description? } step definitions. |
currentStep | number | 0 | Zero-based index of the current active step. |
orientation | "horizontal" | "vertical" | "horizontal" | Layout direction of the stepper. |
className | string | — | Additional classes for the wrapper. |