Radio

Enables the user to select a single option from a list of elements.

 

States

EnabledHoverFocusCheckedDisabled

Sizes

SmallMediumLarge

Larger radio are intended for a touch screen device. The larger target area makes them easier to tap.

 

Content Guidelines

  • Use sentence style capitalisation.
  • Try and keep the options short.
  • Keep the options consistent, for example, all nouns or all verbs, never a mix

Rules

  • Radio buttons present lists of at least two choices that are mutually exclusive. Therefore, users can only select one of the options.