Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProThis item has no props to tune. Use the lens above to change theme, density, direction and more.
import {
Questionnaire,
QuestionnaireActions,
QuestionnaireChoice,
QuestionnaireChoices,
QuestionnaireItem,
QuestionnaireNext,
QuestionnairePrevious,
QuestionnaireSubmit,
QuestionnaireTitle,
} from "@/components/ui/questionnaire"<Questionnaire items={items} defaultItem="role" onSubmit={handleSubmit}>
<QuestionnaireItem name="role" required>
<QuestionnaireTitle>What best describes your role?</QuestionnaireTitle>
<QuestionnaireChoices>
<QuestionnaireChoice value="design">Design</QuestionnaireChoice>
<QuestionnaireChoice value="engineering">Engineering</QuestionnaireChoice>
</QuestionnaireChoices>
</QuestionnaireItem>
<QuestionnaireActions>
<QuestionnairePrevious />
<QuestionnaireNext />
<QuestionnaireSubmit />
</QuestionnaireActions>
</Questionnaire>Questionnaire is built on the @shadcn/react headless package. Pass the item and choice structure in items, and read the answers from the submitted FormData.