☑️ Checkbox — Documentation
🧭 When to Use / When Not to Use
Use When
- Users need to select multiple independent options.
- A feature needs to be enabled or disabled (yes/no).
- A form requires explicit consent or agreement.
- Options are non-exclusive and can all be true simultaneously.
- You need to show a partial/mixed state using indeterminate functionality.
Avoid When
- Only one option can be selected → use Radio Buttons.
- You need a simple on/off action that applies instantly → use a Switch.
- Options represent a range or quantity → use Slider or Select.
- The action must be triggered immediately → use Button.
🎨 Considerations
Clarity & Labeling
- Always include a clear label; never rely on the checkbox alone.
- Checkbox and label must act as a single clickable target.
- Use short, direct labels in sentence case.