DESIGN COMPLETE IMPLEMENTATION PENDING

The three statuses above and their possible values: PROPOSAL STATUS DESIGN STATUS IMPLEMENTATION STATUS DRAFT DESIGN PENDING IMPLEMENTATION PENDING READY FOR REVIEW DESIGN PLANNED IMPLEMENTATION PLANNED APPROVED TO ADD DESIGN IN PROGRESS IMPLEMENTATION IN PROGRESS DEFERRED DESIGN COMPLETE IMPLEMENTATION COMPLETE NEEDS CHANGES For more information see the .

Chips are compact elements that represent an input, attribute, or action.

Contributors	@Bronwyn Hawkins (Deactivated) @Jon F (Unlicensed)
Slack channel
Paragon Jira ticket	https://openedx.atlassian.net/browse/PAR-437
Other Jira tickets
Design resources
Technical docs

Design

material.io/components/chips

Use case example: 3 chips appearing under a form field allow a user to choose a username.

https://www.figma.com/file/0uBm1o7nH2ExePrRXGvB7Z/Logistration?node-id=1071%3A15033

Variants

https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-2021?node-id=10237%3A36310

Best Practices

Do	Do have an interactive element in a chip Do use the Dark variant against dark backgrounds
Don't	Don’t have more than 1 interactive element in a chip Don’t use the Dark variant against light backgrounds

Related Components

Similar to the Badge component, but interactive.

Specification

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

Redlined Design Spec

Behaviors

Accessibility

Notes

Notes from collaborator conversations or meetings regarding this component.

Chip