Radio Button
We use radio buttons to allow users to select a single, exclusive option from a list of multiple options.
To present options in a dropdown, use a single select.
To present options in a dropdown, use a single select.

Anatomy

Label
The content format of radio button labels will vary depending on the use case, but labels in similar lists should be written using a parallel structure. Labels are sentence case without punctuation unless it’s a proper noun or a user-inputted label.
Character count limit: 60
Character count limit: 60

Incorrect

Incorrect
All labels use the same sentence and word structure.

Incorrect

Incorrect
Do not use radio button options as parts of sentence fragments. This format is difficult to translate as not all languages use the same sentence structure / word order.
Types
Horizontal List

Vertical List

States

Specifications
Padding

Standard Padding
