Radio button

An input for selecting one option from a set of choices.

radio-image-android

Usage

Reference Material Design for general guidance when designing for Android.

Design properties

Property Values Default
State Variant Enabled | Hovered | Focused | Pressed | Disabled Enabled
Selected Variant True | False True

Types

Default

For radio labels, use the List component in Figma.

Writing guidelines

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

  • Write in an active voice for radio button labels.
  • Use sentence case.
  • Give radio buttons meaningful descriptions. Each radio button’s descriptor should clearly describe the effect of choosing it.
  • Maintain parallel construction for lists of related radio button labels.
  • 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