Skill: mobx-react-form-multi-step

Mission

Guide the user through building multi-step wizard forms using mobx-react-form with nested field groups, per-step validation, step indicators, and final submission.

Use this skill when the user needs to:

• Build a multi-step registration/checkout wizard
• Validate each step before advancing
• Track completed steps visually
• Show a review screen with all collected data
• Submit all steps together

Concept

Each step is a nested field group (dot-notation) within a single form instance. React state tracks the current step, completed steps, and per-step errors. Step navigation gates progression on validation. The review step shows accumulated data before final submission.