Radio button

Radio button selects one of the mutually exclusive options.

check_circle_outline

Fully implemented in LOGEX Framework.

Variants

There are two main variants: a radio button and a button switch. The default variant is a radio button. The button switch is perfect for situations when there is not enough vertical space, for example in forms.

  1. Radio button
  2. Button switch

States

There are two states: unchecked – item is not selected and checked – item is selected. Only one item can be selected at a time.

  1. Unchecked
  2. Checked

Usage

Use the radio button for mutually exclusive items.

For items that are not mutually exclusive, use the checkbox instead.

When there is not enough vertical space, use the button switch.

Something missing? Contact one of the designers.