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 6 Next »

Design Complete

Figma Design Component

UI Platform Storybook Link

Compass Design System Documentation

Description

Checkboxes enable users to make one or more selections from a list of options.

Anatomy

A single checkbox input is comprised of:

  • Selector

  • Label

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

Checkbox Input Group

Checkbox Inputs area usually used in groups, but can be used as a single input in some cases.

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