APPROVED TO ADD DESIGN COMPLETE IMPLEMENTATION PENDING

The three statuses above and their possible values:

PROPOSAL STATUS	DESIGN STATUS	IMPLEMENTATION STATUS

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 https://openedx.atlassian.net/browse/PAR-290
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?

We would like to use https://react-select.com/home as our implementation.

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

Notes from collaborator conversations or meetings regarding this component.