A text input sitting with the fixed choices, so an answer can be typed instead of picked.
For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Free to install.
Best for: A write-in row with its own visible Label that clears the picked radio as you type and submits under the question name
When to use
- Onboarding and setup flows that ask one single or multiple answer question per screen
- Short intake surveys, such as how a visitor heard about you or what they are moving off
- Question flows with an optional step, a branch that joins on an earlier answer or a rule across answers
When not to use
- A write-in on a question the visitor may also decline: use the Questionnaire Optional Skip example
- A step asking for a long free text reply, a date or a file: use the Field component
- Steps that each hold a whole screen of mixed fields rather than one question: use the Stepper component
- A bar that reports how far an upload, a goal or a task has got, with no questions: use the Progress component
- A complete first-run screen that also collects a profile, a timezone and teammate invites: use the Onboarding blocks
Agent notes
- Pass your own
idtoQuestionnaireInputso theLabelhtmlForfinds it; a passed id wins over the generated one - The typed answer posts under the same
nameas the radios, soanswerLabeltreats a value matching no option as the write-in - A
QuestionnaireItemwhosenameis missing from the rootitemslist is left out of the flow and the count, with only a dev warning handleSubmitreads the answers withFormDataand only renders a local confirmation; send them to your API from thereQuestionnaireActionsis a 3 column grid placed for Previous, Skip and Next or Submit, so keep any other button outside it
https://web.dev.reui.io/components/questionnaire/c-questionnaire-3.mdget_example("c-questionnaire-3")npx shadcn@latest add @reui/c-questionnaire-3Shadcn Components in Questionnaire Write-In Answer
About Shadcn Questionnaire Write-In Answer
A written answer beside the choices. Built by composing Button, Card, Label, Questionnaire. A free, open source shadcn questionnaire example you can install with npx shadcn@latest add @reui/c-questionnaire-3 and edit as your own code.
What You Can Build With Shadcn Questionnaire Write-In Answer
- Composes Button, Card, Label, Questionnaire, so it drops into any project already using those components.
- Install it with the shadcn CLI: npx shadcn@latest add @reui/c-questionnaire-3
- Open source and free, with the full source on this page to copy or adapt.
More Shadcn Questionnaire Examples
- Guided Setup Guided workspace setup
- Multi-Select Multi-select answers
- Segmented Progress Segmented progress with step labels
- Optional Skip An optional question with skip
- Cross-Question Rule A rule that sends you back
- Conditional Branch A branch that appears when it applies
Related Shadcn Component Categories
Open-source shadcn radio group components for single-choice forms, plan selection, and settings preferences.
Open-source shadcn rating components for product reviews, feedback forms, and satisfaction scores.
Open-source shadcn resizable components for split panes, workspace layouts, and draggable dividers.
Open-source shadcn scroll area components for custom scroll regions, sidebar panes, and dense lists.
Open-source shadcn scrollspy components for docs navigation, active table of contents, and long-form sections.
Open-source shadcn select components for form selection, settings menus, and filter controls.
Frequently Asked Questions
When should I use Shadcn Questionnaire Write-In Answer?
Use it for a write-in row with its own visible Label that clears the picked radio as you type and submits under the question name.
Shadcn Questionnaire as a whole fits:
- Onboarding and setup flows that ask one single or multiple answer question per screen
- Short intake surveys, such as how a visitor heard about you or what they are moving off
- Question flows with an optional step, a branch that joins on an earlier answer or a rule across answers
For a write-in on a question the visitor may also decline, use the Questionnaire Optional Skip example. For a step asking for a long free text reply, a date or a file, use the Field component. For steps that each hold a whole screen of mixed fields rather than one question, use the Stepper component. For a bar that reports how far an upload, a goal or a task has got, with no questions, use the Progress component. For a complete first-run screen that also collects a profile, a timezone and teammate invites, use the Onboarding blocks.
How do I install Shadcn Questionnaire Write-In Answer?
Is Shadcn Questionnaire Write-In Answer free to use?
Which components does Shadcn Questionnaire Write-In Answer use?
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
From $249, once. Lifetime updates.