Skip to content
IndexDesign corpus

Radio Button

26 resources ship this component · Selection

Also called: radio, inputradio, option button.

Before you ship6 checks
  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 it26