Onboarding Wizard

block

Four-step setup wizard on the Stepper: controlled or uncontrolled step, per-step validation gating Continue, Skip, Back, a Finish that fires onComplete, and a fade between steps. Ships composable parts.

pnpm dlx shadcn@latest add "https://hirael.com/r/onboarding-01.json"

Sign In

Onboarding Wizard

block

Four-step setup wizard on the Stepper: controlled or uncontrolled step, per-step validation gating Continue, Skip, Back, a Finish that fires onComplete, and a fade between steps. Ships composable parts.

pnpm dlx shadcn@latest add "https://hirael.com/r/onboarding-01.json"

lucide-react

components/blocks/onboarding-01.tsx

lucide-react

components/blocks/onboarding-01.tsx