Checkbox 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

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

 

 

Â