Checkboxes allow users to select one or more items from a set. They support selected, unselected, and indeterminate states.
States
Selected
Unselected
Indeterminate
Disabled
With labels
Specs
| Property | Value | Token |
|---|---|---|
| Size | 20×20px | checkbox.size |
| Border radius | 4px | checkbox.radius |
| Selected color | #A614C3 | color.primary |
| Touch target | 48×48px | touch.target |