Multiselect

Multiselect

APPROVED TO ADD DESIGN COMPLETE IMPLEMENTATION PENDING

The multiselect component allows users to select and add multiple values.


Design

 

Variants


Badge

  • Light

  • Dark

Field

  • Light

  • Filled

 


Best Practices

Do

  • Use the light variant on light backgrounds

  • Use the filled variant on dark backgrounds

  • Use the clear trailing icon in activated fields

Don't

  • Use the filled variant on validated forms

Related Components

 

Badgearchived

Form Field: Text Inputarchived


Specification

What does an engineer need to know in order to build this component?

 

We would like to use React-Select as our implementation.

Redlined Design Spec

 

Behaviors

Accessibility

Focus:

Focus state for badge should place focus on the close icon.


Notes

Notes from collaborator conversations or meetings regarding this component.

XX.XX.20XX