FormWizard.
Multi-step form flow with validation and animated progress.
- 1Profile
- 2Email
- 3Review
Profile
Tell us about yourself
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
steps | WizardStep[] | Yes | — | — | Steps with content; optionally set review to [{title,value}] for structured review. |
initialStep | number | No | 0 | — | Initial zero-based step index. |
onComplete | () => void | No | — | — | Called when the final step is completed. |
validateStep | (step: number) => boolean | Promise<boolean> | No | — | — | Blocking validation before going forward. |
onStepChange | (step: number) => void | No | — | — | Called on navigation between steps. |
className | string | No | — | — | Additional CSS class on the outer component element. |