Questionnaire

A headless stepped question flow from @shadcn/react: one item is active at a time, Previous / Skip / Next / Submit walk the set, and Nextruns the active item's own validate() before advancing.

<Questionnaire onSubmit={handleSubmit}>
  <QuestionnaireProgress />
  <QuestionnaireItem name="role" required>
    <QuestionnaireTitle>What's your role?</QuestionnaireTitle>
    <QuestionnaireChoices>
      <QuestionnaireChoice value="founder">Founder</QuestionnaireChoice>
    </QuestionnaireChoices>
    <QuestionnaireError />
  </QuestionnaireItem>
  <QuestionnaireActions>
    <QuestionnairePrevious />
    <QuestionnaireSkip />
    <QuestionnaireNext />
    <QuestionnaireSubmit />
  </QuestionnaireActions>
</Questionnaire>

Agent intake, 3 steps

Choices with descriptions