/
Chip

Chip

status:DESIGN COMPLETE status:IMPLEMENTATION PENDING

The three statuses above and their possible values:

status:PROPOSAL STATUS

status:DESIGN STATUS

status:IMPLEMENTATION STATUS

status:PROPOSAL STATUS

status:DESIGN STATUS

status:IMPLEMENTATION STATUS

status:DRAFT

status:DESIGN PENDING

status:IMPLEMENTATION PENDING

status:READY FOR REVIEW

status:DESIGN PLANNED

status:IMPLEMENTATION PLANNED

status:APPROVED TO ADD

status:DESIGN IN PROGRESS

status:IMPLEMENTATION IN PROGRESS

status:DEFERRED

status:DESIGN COMPLETE

status:IMPLEMENTATION COMPLETE

status:NEEDS CHANGES

Β 

Β 

For more information see the Contribution Process | Step 1 – Start a component proposal.

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

Contributors

@Bronwyn Hawkins (Deactivated) @Jon F

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.

Β 

Variants

Β 

Β 

Β 


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.

XX.XX.20XX

Β 

Β