Multi-Select Input

Owned by Matt Birtch
Last updated: Dec 02, 2021
1 min read

Design Not Complete

Important Links

Figma Design Component (Coming Soon)

UI Platform Storybook Link (Coming Soon)

Compass Design System Documentation (Coming Soon)

Description

Used for requesting 1 or more selection(s) from a longer list of options collapsed into a dropdown. This component also uses a ‘Chip’ component to display the items once they are selected.

Anatomy

The Single-Select Input is very similar, visually, to the Single-Select Input component. It is made up of the following elements:

  • Container

  • Label

  • Trailing Icon

  • Placeholder

  • Chip (see Chip Component)

  • Options

 

Supported Canvases

  • Modal Canvas

  • RHS Canvas

  • Message Canvas

Sample Use in the App Framework

 

 

 

 

Â