Shadcn Questionnaire Conditional Branch
A branch that appears when it applies. Built by composing Avatar, Button, Card, Questionnaire. Uses cn alongside the shadcn primitives. A free, open source shadcn questionnaire example you can install with npx shadcn@latest add @reui/c-questionnaire-7 and edit as your own code.
A question that only joins the flow after an earlier answer, with avatars, reset and a summary.
For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Free to install.
Best for: A controlled first question whose answer enables a people picker step, taking the counter from 3 to 4 questions
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
- 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
- Toggle
disabledonly on an item after the controlling question; disabling the one on screen sends the visitor back to the first - A form reset leaves host state alone, so
onResetclearsusageor the owner step stays in the flow - Replace
OWNERSwith your people; eachphotois a 96px square crop hosted on Unsplash - 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-7.mdget_example("c-questionnaire-7")npx shadcn@latest add @reui/c-questionnaire-7Shadcn Components in Questionnaire Conditional Branch
Dependencies
- cn
About Shadcn Questionnaire Conditional Branch
A branch that appears when it applies. Built by composing Avatar, Button, Card, Questionnaire. Uses cn alongside the shadcn primitives. A free, open source shadcn questionnaire example you can install with npx shadcn@latest add @reui/c-questionnaire-7 and edit as your own code.
What You Can Build With Shadcn Questionnaire Conditional Branch
- Composes Avatar, 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-7
- 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
- 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
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 Conditional Branch?
Use it for a controlled first question whose answer enables a people picker step, taking the counter from 3 to 4 questions.
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 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 Conditional Branch?
Is Shadcn Questionnaire Conditional Branch free to use?
Which components does Shadcn Questionnaire Conditional Branch 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.