DRAFT DESIGN IN PROGRESS IMPLEMENTATION PENDING
Contributors | |
---|---|
Slack channel | |
Paragon Jira ticket | |
Other Jira tickets | |
Design resources | |
Technical docs |
Design
https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-Design-System?type=design&node-id=57636%3A3830&mode=design&t=R1iASPrwv3VXuBcy-1
🌳 Variants
Overlay/Inline
Component can be an overlay, similar to modal or toast component, or it can be used inline within the body of the page
Embedded feedback/link-to feedback
Feedback interactions can be directly inside the widget or a button can link to offsite feedback
Dismissible
Component can be optionally dismissed (Inline-only)
🌞 Best Practices
Do | |
Don't |
♊ Related Components
https://paragon-openedx.netlify.app/components/card/
https://paragon-openedx.netlify.app/foundations/typography/
https://paragon-openedx.netlify.app/components/iconbutton/
https://paragon-openedx.netlify.app/components/form/form-control/
📐 Specification
What does an engineer need to know in order to build this component?
Redlined Design Spec
♒ Behaviors
Stateful interactions | |
💕 Accessibility
Overlay version takes focus |
Notes
Notes from collaborator conversations or meetings regarding this component.