$customHeader
Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 6

DESIGN COMPLETE IMPLEMENTATION PENDING

Β What are these tags?

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 https://openedx.atlassian.net/wiki/spaces/BPL/pages/1773502564/Component+Contribution+Process#Step-1-%E2%80%93-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

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.

XX.XX.20XX

  • No labels