Checkbox
Checkboxes lets the user pick one or more options within a set of options. It is also used to enable and disable an option.
Variations
The checkbox can be displayed in the different main states.
The unchecked checkbox is an empty box.
A mixed state is used if it is a checkbox option that controls multiple child options, but the child options are in different states.
The checked checkbox is filled and displays a checkmark.
Specs
How the component are built up and styled in both unchecked and checked state.
Anatomy
The checkbox is built up by a container and an icon displayed in a checked state.
Colors
The track switches style when it is on.
Measures and spacing
The measurements are the same in both enabled and on states, but in the on state it is flipped horizontally.
States
The look of the states are defined by the style.