| Status | ||||
|---|---|---|---|---|
|
| Status | ||||
|---|---|---|---|---|
|
| Status | ||
|---|---|---|
|
| Expand | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
The three statuses above and their possible values:
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. |
Contributors | |
|---|---|
Slack channel | |
Paragon Jira ticket | |
Other Jira tickets | |
Design resources | |
Technical docs |
| Table of Contents | ||||||
|---|---|---|---|---|---|---|
|
Design
https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-Design-System?type=design&node-id=57633%3A123357636%3A3830&mode=design&t=vqDojJsJilxL6YpER1iASPrwv3VXuBcy-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
| |||
|
♊ 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.