A checkbox question that accepts several answers, with a live count and a chip summary.
For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Free to install.
Best for: A bare flow with no Card that opens on a 6 option checkbox question, its ticked count shown in a Badge by the counter
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 long option list that needs a search box before several values are picked: use the Combobox 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
- The
selectedcount is host state fed by each choiceonChange, so clear it alongside the answers asstartOverdoes - Read the ticked workflows with
formData.getAll, which returns one entry per checked box rather than a joined string - 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-2.mdget_example("c-questionnaire-2")npx shadcn@latest add @reui/c-questionnaire-2Shadcn Components in Questionnaire Multi-Select
About Shadcn Questionnaire Multi-Select
Multi-select answers. Built by composing Badge, Button, Card, Questionnaire. A free, open source shadcn questionnaire example you can install with npx shadcn@latest add @reui/c-questionnaire-2 and edit as your own code.
What You Can Build With Shadcn Questionnaire Multi-Select
- Composes Badge, 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-2
- Open source and free, with the full source on this page to copy or adapt.
More Shadcn Questionnaire Examples
- Guided Setup Guided workspace setup
- 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 Multi-Select?
Use it for a bare flow with no Card that opens on a 6 option checkbox question, its ticked count shown in a Badge by the counter.
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 long option list that needs a search box before several values are picked, use the Combobox 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 Multi-Select?
Is Shadcn Questionnaire Multi-Select free to use?
Which components does Shadcn Questionnaire Multi-Select 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.