Skip to content

Checkbox ​

Checkboxes allow users to select one or more items from a set. Checkboxes can turn an option on or off.

Overview · Specs · Guidelines · Accessibility

Checkbox

  • Use checkboxes (instead of switches or radio buttons) if multiple options can be selected from a list
  • Label should be scannable
  • Selected items are more prominent than unselected items

3 checkboxes in a diagram demonstrating all three states.

Unselected, selected (hover), and indeterminate checkboxes

Availability & resources ​

TypeResourceStatus
DesignDesign Kit (Figma)Available
ImplementationFlutterAvailable
ImplementationJetpack ComposeAvailable
ImplementationAndroid Views (MDC-Android)Available
ImplementationWebAvailable

Differences from M2 ​

  • Color: New color mappings and compatibility with dynamic color
  • States: New indeterminate states as well as error states for unselected, selected, and indeterminate

Color mapping of a checkbox in M2.

M2

Color mapping of a checkbox in M3 with new color.

M3

Unofficial offline mirror. Content © Google, licensed under CC BY 4.0.