Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Tip

Design Complete

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.

Info

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

Image RemovedImage Added