Skip to content
Index730 resources
Radio Button

Radio Button

26 resources in the index ship this component, best first. Group: Selection.

Also called · radio · inputradio · option button

Before you ship

6
  1. 01Label — Text associated with the radio input
  2. 02Grouping — There must be more than one radio option for the experience to work
  3. 03Default selection — Start with a radio option selected
  4. 04Style — Make sure radio is unique and stands out from other input options
  5. 05Clickability — Consider what is clickable to make the radio option active (text label, container)
  6. 06States — Radio can be default, active and disabled (see examples below)

Checks from checklist.design, MIT.

Ships it

26