CheckboxGroup
Accessible CheckboxGroup for multi-selection, and form integration
Checkbox Group
CheckboxGroup coordinates multiple Checkbox components and manages their selected values as an array.
Basic group
Pass a value array and onValueChange to control the group.
Selected interests
The current value of the checkbox group
No interests selected
Interest selection
Build visually rich groups using cards, icons and badges.
Interests
Choose the topics you're most interested in.
Pricing plans
Use CheckboxGroup to allow selecting multiple add-ons or features.
Add-ons
Choose one or more add-ons to include with your plan.
Skill selection
Vertical lists are perfect for profile skills and preferences forms.
Skills
Select the skills that best describe your experience.
Usage Guidelines
When to Use
- Multiple selections
- Grouped options
- Filter checkboxes
Accessibility
- Fieldset with legend for grouping
- Each checkbox labeled properly
Performance
- Batched state updates
- Memoized children
Common Mistakes
- Not grouping with fieldset
- Missing group label
Frequently Asked Questions
Related Components
View allAsynchronous search input with debounced queries, virtual scrolling for large datasets, and keyboard-driven selection
Accessible checkbox input with indeterminate state support and form integration
Color selection component with preset colors, HEX/RGB/HSL input, and visual picker interface
Hybrid input combining text search with dropdown selection, supporting filtering, custom rendering, and creation flows