Switch Input

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

Switches are used most frequently in settings, where you are likely to be turning options on or off.

Anatomy

Switches are comprised of:

Selector
Label

Clicking either the Selector or the Label should toggle the state of the Switch.

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