# Form Multi Step Wizard

Subscription sign-up with plan and billing method.

- id: `form-multi-step-wizard`
- Page: https://agentic-ui-kit.com/components/form-multi-step-wizard
- Live preview: https://agentic-ui-kit.com/live/component/form-multi-step-wizard?piece=form-multi-step-wizard

## Install

```bash
agentic-ui add form-multi-step-wizard
npx shadcn@4.17.0 add @agentic-ui/form-multi-step-wizard
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** multi-step-navigation, per-step-validation, validation-guarded-advance, non-destructive-back, step-status-indicator, review-step, linear-progress, keyboard-navigation, responsive-orientation
- **Intents:** create-edit, execute-flow
- **Suits domains:** saas, billing, ecommerce, hr, healthcare
- **Interaction:** step-navigate, type, validation-feedback, keyboard-navigation, submit
- **Screen role:** flow
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** subscription sign-up with plan and billing method, step-by-step checkout with shipping, payment and review, employee onboarding with personal data, contract and equipment, patient admission with demographic data, insurance and consent
- **Avoid when:** short forms that fit on a single screen, flows with no dependencies or validation between steps
- **Preserve when adapting:** wizard-stepper-pattern, rhf-zod-pattern, validation-guard, review-step
- **Replace when adapting:** domain-copy, steps, field-schemas, validation-messages
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** card, button, progress, input, textarea, label
- **npm dependencies:** react-hook-form, zod
- **npm dependencies (registry):** lucide-react@0.577.0, react-hook-form@7.72.0, zod-v3@npm:zod@^3.24.2
- **Registry dependencies:** lib-primitives