DRAFT DESIGN PENDING IMPLEMENTATION PENDING

What are these tags?

The three statuses above and their possible values:

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

Contributors	Jon F
Slack channel
Paragon Jira ticket	https://openedx.atlassian.net/browse/PAR-147?atlOrigin=eyJpIjoiODM4ODNhMWYzNjI5NGQ3NjgwNjVkMTVjYzVkZjAxYmYiLCJwIjoiaiJ9 https://openedx.atlassian.net/browse/PAR-146?atlOrigin=eyJpIjoiNzdmNGYxZjU5ODA3NDc0ZTgxNGFmOGNhYTNmY2EwMzYiLCJwIjoiaiJ9
Other Jira tickets
Design resources	https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-2021?node-id=7727%3A29
Technical docs	Reference documentation: https://react-select.com/home

🌳 Variants

Badge

Field

🌞 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

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

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

Notes from collaborator conversations or meetings regarding this component.