Three required questions in a card, with progress, navigation and a summary on submit.
For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Free to install.
Best for: The baseline card flow of single answer questions, each choice carrying a hint line and a letter key shortcut
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 question where the visitor may tick several answers at once: use the Questionnaire Multi-Select example
- 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
- Edit
QUESTIONSonly;ITEMSis derived from it, including the choice values the letter shortcuts are assigned from - Each
QuestionnaireItempointsaria-labelledbyat its titleid, because theCardHeaderin between leaves the fieldset unnamed - 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-1.mdget_example("c-questionnaire-1")npx shadcn@latest add @reui/c-questionnaire-1Shadcn Components in Questionnaire Guided Setup
About Shadcn Questionnaire Guided Setup
Guided workspace setup. Built by composing Button, Card, Questionnaire. A free, open source shadcn questionnaire example you can install with npx shadcn@latest add @reui/c-questionnaire-1 and edit as your own code.
What You Can Build With Shadcn Questionnaire Guided Setup
- Composes Button, Card, Questionnaire, so it drops into any project already using those components.
- Install it with the shadcn CLI: npx shadcn@latest add @reui/c-questionnaire-1
- Open source and free, with the full source on this page to copy or adapt.
More Shadcn Questionnaire Examples
- Multi-Select Multi-select answers
- Write-In Answer A written answer beside the choices
- 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 Guided Setup?
Use it for the baseline card flow of single answer questions, each choice carrying a hint line and a letter key shortcut.
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 question where the visitor may tick several answers at once, use the Questionnaire Multi-Select example. 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 Guided Setup?
Is Shadcn Questionnaire Guided Setup free to use?
Which components does Shadcn Questionnaire Guided Setup 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.