Radio Buttons

Radio buttons are used when options are mutually exclusive.

Radio Buttons Example

Overview

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

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.
  • When a large number of familiar options is available.
What's changed
Date Version Notes Contributors
01/16/2023 1.0.0 New component added. D. Bedick, E. Bohn, N. Cadsawan, E. Gunther, J. A. Provin Silva, L. Saenz, C. Starbird, R. Stillwell, S. Kaukonen, N. Byati
Last updated November 14, 2023.