Back to components
Forms component
Multi-Step Form / Wizard
Step-by-step form with progress indicator, per-step validation, and back/continue controls.
Install
$ Run in your project root
pnpm dlx shadcn@latest add https://vibekit.desishub.com/r/multi-step-form.jsonWhat it does
- Step progress indicator with numbered badges
- React Hook Form + Zod validation per step
- Back / Continue / Submit navigation
- Skippable and required steps supported
When to use
Use it
Onboarding wizards, checkout flows, surveys, complex sign-up forms.
Skip it
Single-screen forms — just use a normal Form component.
Prerequisites
- React Hook Form
- Zod
- @hookform/resolvers (installed automatically)