Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 11 Current »

Design Complete

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

  • No labels