Skip to content

[v0.21.0] Links and Notification

Compare
Choose a tag to compare
@theetrain theetrain released this 28 Aug 21:55
· 4283 commits to master since this release

🚨 Breaking Changes

  • None

πŸ‘» Deprecations

  • link, link--descent, link--primary, link--secondary, link--inverted, chevron-link--primary, chevron-link--secondary, chevron-link, chevron-link--inverted, a.button, a.button--primary, a.button--secondary, a.button--inverted, a.button--outlined CSS classes are all deprecated. Use the Link, ChevronLink or ButtonLink component instead.
  • Buttons and ButtonLink only support 3 style variants: primary, secondary, and inverted. The other button styles are not supported by the brand and should not be used going forward.
  • Primary and secondary underlined text links are not supported by the new Link component. These link styles are not supported by the brand and should not be used going forward.

🎁 Features

  • New Link component available that replaces former link styles used for HTML anchors and React Routers Link components. It's a 3-in-1 pack!
    • Anchor links
    • Chevron links
    • Button links
  • Notification component has been refreshed. It now properly aligns its content with the grid. Notifications should always be used as full-width components. Do not nest them inside grid columns.

Details in the changelog.