Checkbox

An input for selecting one or multiple items.

checkbox-image-android

Usage

Reference Material Design for general guidance when designing for Android.

Design properties

Property Values Default
Type Variant Selected | Unselected Selected
State Variant Enabled | Hovered | Focused | Pressed | Disabled Enabled

Types

Default

For checkbox labels, use the List component in Figma.

Writing guidelines

Do not truncate checkbox labels. Can wrap (to two lines max) but avoid if possible.

  • When possible, use labels that describe the action or result of selecting the checkbox: “Search for text when you start typing”.”
  • Use the same terms to describe the selection in the label and any supporting copy.
  • Use the imperative voice.
  • Maintain parallel construction for lists of related checkbox labels: “Use autoscrolling”  and “Use smooth scrolling”.
  • Use terminal punctuation..
  • Use first person.

Changelog

Date

Version

Notes

Aug 1, 2025

2.0.0

Updated to reflect M3 changes

Feb 15, 2023

1.0.0

Initial draft of guidance