The Checkbox component lets users turn an independent option on or off, or choose multiple options from a related set. Use it for preferences, permissions, checklist items, table row selection, required consent, and parent-child selection with an indeterminate state.
Use it for:
- Independent choices: Enable or disable one option without affecting others.
- Multiple selection: Let users select several values from a group.
- Select all states: Use indeterminate when only some child items are selected.
- Described options: Add a short explanation below the label when the choice needs context.
Do not use Checkbox for mutually exclusive choices, switch-style settings, compact mode groups, dropdown selection, or action buttons. Use Radio, Slide Toggle, Button Toggle, Segmented, Select, or Button for those cases.