Versions Compared

Key

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

...

Toasts (Level 5) and then Blocking Overlays (Level 4) are always the top most layers of an application.

...

...

🛠 Resources

...

Design assets and box shadow properties: https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-2021?node-id=2733%3A910

...

🌞 Best Practices

Tip

Do

Use level 3 shadow as a hover state for clickable cards.

https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-2021?node-id=3029%3A1518

Warning

Don't

Don’t use a shadow hover state on a card if there are multiple actions a user can take within the card.

https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-2021?node-id=3029%3A1573

Warning

Don't

Don’t use level 4 and 5 shadows for component examples from levels 1-3.

https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-2021?node-id=3029%3A1978

...