Multi Step Form — Build Multi-Step Question Flows in React
A multi step form breaks a long form into digestible chunks, reducing abandonment and improving completion rates. quiz-ui handles the plumbing: a step-by-step flow with a progress indicator, back/next navigation that auto-disables until a step is answered, and branching to skip irrelevant questions.
Last updated: 2026-09-25
Frequently asked questions
How is quiz-ui different from a regular multi step form?
It adds a quiz engine on top: branching (different answers lead to different next steps), progress tracking, and a result screen — all from a declarative QuizDefinition object.
Can each step have validation?
Yes. Steps are 'required' by default — the Next button is disabled until the current step has a valid answer. QuizEmailInput adds format validation on top.
Can I use it for surveys?
Yes. Define your survey questions as steps, and use QuizResult or an onComplete callback to collect all answers at the end.