Binary selection controls for forms, settings, and multi-selection interfaces.
Enable users to select multiple independent options from a list without mutual exclusion.
Provide clear on/off controls for settings, preferences, and feature toggles.
Collect explicit user consent for terms, conditions, and privacy policies.
Allow multiple options to be selected simultaneously without affecting others
Enable validation of required selections and user agreements
Manage user preferences and application configuration options
Apply multiple filter criteria to refine content and search results
Use checkboxes for multiple selections, radio buttons for single selection from mutually exclusive options.
Use checkboxes for form submissions and agreements, switches for immediate state changes and settings.
Use checkboxes when all options should be visible, select multiple for space-constrained layouts.
Selected: 1 option(s)
| Component | Selection Type | Independence | Immediate Effect | Use Case |
|---|---|---|---|---|
| Checkbox | Multiple/Single | ✅ Independent | ❌ On submit | Forms, agreements, multi-select |
| Radio Button | Single only | ❌ Exclusive | ❌ On submit | Mutually exclusive options |
| Switch | Single only | ✅ Independent | ✅ Immediate | Settings, feature toggles |
| Select Multiple | Multiple | ✅ Independent | ❌ On submit | Space-constrained multi-select |
Provide visually distinct checked, unchecked, and indeterminate states with sufficient contrast.
Ensure proper labeling, keyboard navigation, and screen reader compatibility for all users.
Organize related checkboxes with clear hierarchy and meaningful labels.