Usage
Use checkboxes to:
- Select one or more options from a list
- Present a list containing sub-selections
- Turn an item on or off in a desktop environment
Principles
Familiar
Checkboxes have been in user interfaces for a long time and should be used as expected.
Scannable
It should be visible at a glance if a checkbox has been selected, and selected items should be more visually prominent than unselected items.
Efficient
Checkboxes make it easy to compare available options.
Behavior
Parent and child checkboxes
Checkboxes can have a parent-child relationship with other checkboxes.
- When the parent checkbox is checked, all child checkboxes are checked
- If a parent checkbox is unchecked, all child checkboxes are unchecked
- If some, but not all, child checkboxes are checked, the parent checkbox becomes an indeterminate checkbox
Theming
Specs
Checkboxes
- Measurement 24