Radio Buttons

Buttons that allow users to make a single selection from a list of similar and/or qualitative options. Use dropdowns instead when the user needs to select from a much longer list of familiar and/or quantitative options.

Examples & Guidelines

Radio buttons are optimal for scenarios where the User is allowed to select only one option of several.

The optimal form is round with a fill to indicate “selected” and empty to indicate “unselected”.

This control is not ideal for scenarios with Boolean values, such as “yes” and “no” or “true” and “false”; or where a User can select one, none or multiple options from a list.