Checkbox
Edit this pageCheckboxes allow users to select one or more options from a set. Unlike radio buttons, checkboxes are independent and allow multiple selections. They're essential for forms, settings, and multi-selection interfaces.
Multi-SelectIndependentAccessibleForm ControlWCAG Compliant
Primary Purpose of Checkboxes
Understanding when and why to use checkboxes in your interface design.
Core Purpose
- • Multi-Selection: Choose multiple options from a list
- • Binary Choices: Enable/disable features or settings
- • Agreement: Terms acceptance, consent forms
- • Filtering: Apply multiple criteria simultaneously
Checkbox vs Radio vs Switch
Use Checkbox When:
- • Multiple selections allowed
- • Independent options
- • Form submissions
Use Radio When:
- • Single selection only
- • Mutually exclusive options
- • Limited choices (2-6 items)
Use Switch When:
- • Immediate state changes
- • Settings and preferences
- • Clear on/off states
Checkbox Types by Function
Single Checkbox: Standalone binary choice
Checkbox Group: Multiple independent selections
References & Resources
External resources and design system references for checkbox components.