/
Switch Input

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

 

 

 

 

Related content