Components
QuizNavigation
Back/Next controls for the active step.
Purpose
Standard funnel navigation. Next disables automatically until the
current step is answered (via isStepAnswered in the engine); Back is
hidden on the first step since there's no history yet.
Installation
pnpm dlx shadcn@latest add @quiz-ui/quiz-navigationUsage
<QuizNavigation /><QuizNavigation nextLabel="Continue" backLabel="Go back" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
nextLabel | string | "Next" | Label on the advance button. |
backLabel | string | "Back" | Label on the back button. |
hideBack | boolean | false | Hide Back entirely, even on later steps. |
className | string | — | Merged onto the wrapper. |
Notes
- A step is "answered" per
isStepAnsweredin the engine: any non-empty value, unless the step setsrequired: false, in which case it's always considered answered.