Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Status
colourYellowBlue
titleDRAFTREADY FOR REVIEW
Status
colourGreen
titleDesign PENDINGCOMPLETE
Status
titleIMPLEMENTATION PENDING

Expand
titleWhat are these tags?

The three statuses above and their possible values:

Status
titlePROPOSAL STATUS

Status
titleDESIGN STATUS

Status
titleIMPLEMENTATION STATUS

Status
colourYellow
titleDRAFT

Status
titleDESIGN PENDING

Status
titleIMPLEMENTATION PENDING

Status
colourBlue
titleREADY FOR REVIEW

Status
colourYellow
titleDESIGN PLANNED

Status
colourYellow
titleIMPLEMENTATION PLANNED

Status
colourGreen
titleAPPROVED TO ADD

Status
colourPurple
titleDESIGN IN PROGRESS

Status
colourPurple
titleIMPLEMENTATION IN PROGRESS

Status
colourRed
titleDEFERRED

Status
colourGreen
titleDESIGN COMPLETE

Status
colourGreen
titleIMPLEMENTATION COMPLETE

Status
colourPurple
titleNEEDS 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.

...

Table of Contents
maxLevel2
typeflat
separatorpipe

...

🌳 Variants

None

...

🌞 Best Practices

Tip

Do

Continue to add Icons to Paragon Figma on an as-needed basis.

Make sure Icons are sized 24x24 before publishing them to Paragon Figma.

Use the Material Symbols website to configure and download icons as design assets for Paragon Figma.

Warning

Don't

Don’t use the old material icons Figma file

Don’t paste icons directly into your Figma designs—use the Paragon library. If you don’t see the icon you want, publish it to the Paragon Figma library first.

♊ Related Components

https://paragon-openedx.netlify.app/foundations/icons/

...

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

...

♒ Behaviors

24x24 is the default size

Can be used in other components such as IconButton, Button, etc.

💕 Accessibility

Should follow the same guidelines that we have for icons today.

...

Notes

Notes from collaborator conversations or meetings regarding this component.

...

What will it take to make this happen technically?

It is a much larger library and creates build performance issues in netlify.

Technical discovery needed to understand build issues better and find a solution