Radio Buttons

Overview

Radio buttons are used to afford a single selection from two or more options.

Note: Radio buttons for touchscreen apps should include a large, invisible touch target around the radio button and label to ensure high usability.

Usage

Use when

• Options are mutually exclusive.
• Visibility and quick response is a priority.
• Comparison of options needs to be clear.
• You want to emphasize options.

Don’t use when

• User can make multiple selections. Instead, use Checkboxes.
• You are providing more than 7 options.
• You are attempting to highlight a preferred choice. Instead, use a Dropdown.
• When a large number of familiar options is available.