Radio Inputs

Owned by Matt Birtch
Last updated: Dec 02, 2021
1 min read

Design Complete

Important Links

Figma Design Component

UI Platform Storybook Link

Compass Design System Documentation

Description

Radio Inputs are recommended for a single selection input, where the user can only select one option in a group of options.

Anatomy

A single radio input is comprised of:

  • Selector

  • Label

Clicking either the Selector or the Label should toggle the state of the radio button.

Radio Group

Radio Inputs area always used in groups - never as a single input.

See the Compass Design System documentation for full details on this component

Supported Canvases

  • Modal Canvas

  • RHS Canvas

  • Message Canvas

Sample Use in the App Framework

 

 

 

Â