Form Wizard
Professional multi-step form wizard with validation, auto-save, and progress tracking
Pro Features
Unlock advanced capabilities with the Pro version
Multi-Step Navigation
Smooth navigation between steps with validation
Form Validation
Built-in validation with async support
Auto-Save
Automatically save progress as users type
Data Persistence
Save and restore form data from localStorage
Animations
Smooth transitions between steps
Progress Tracking
Visual progress indicators and step status
Installation
Install via CLI
npx @moontra/moonui-cli add form-wizardUsage
Personal Info
Step 1 of 2
Confirm
Step 2 of 2
Examples
Basic Form Wizard
Simple multi-step form with navigation and progress tracking
Personal Info
Step 1 of 2
Confirm
Step 2 of 2
With Validation
Custom step validation reading component state, plus an optional step
Account
Step 1 of 3
Profile
Step 2 of 3
Preferences
Step 3 of 3
Vertical Layout
Vertical progress orientation with the step list beside the content
Account
Profile
Onboarding Wizard
Interactive onboarding experience with welcome screens
Welcome to MoonUI Pro
Let's set up your workspace
Advanced Features
Auto-save, localStorage persistence, cross-step navigation, and the circular progress indicator
1
of 3