Single-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 a single selection from a list of options collapsed into a dropdown.

Anatomy

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

  • Container

  • Label

  • Trailing Icon

  • Placeholder

  • Value

Supported Canvases

  • Modal Canvas

  • RHS Canvas

  • Message Canvas

Sample Use in the App Framework

 

 

 

Â