Radio

Radio buttons give customers the ability to make a single selection from a group of two or more mutually exclusive options.

On this page

Interactive Demo

This demo lets you preview the radio component, its variations, and configuration options. Each tab displays a different type of radio.

Loading preview
Open in Storybook

What’s New

  1. Updated radio to follow 8x system by increasing the radio size to 24 x 24px, the selection dot to 16 x16px, and the tap target to 48 x 48px
  2. Maintaining minimum target size to meet accessibility requirements
  3. Radio group now available in vertical and horizontal layout
  4. New focus state applied to radio

Questions?

Connect with the DLS Team on Slack or by email.

Resources

Check out additional resources.