Breadcrumbs

Owned by Adam Butterworth (Deactivated), created
Last updated: Jun 04, 2021
1 min read

DRAFT Design Ready for Review IMPLEMENTATION PENDING

Use as a secondary navigation pattern to help convey hierarchy and enable navigation

1 Resources | 2 Variants | 3 Specification | 3.1 Behaviors | 3.2 Accessibility | 3.3 Proposed Improvements

 

https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-2021?node-id=5436%3A7
https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-2021?node-id=5436%3A35
https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-2021?node-id=12313%3A0

Resources

Variants

Palette

  • Default

  • Dark

With Active Label

  • True

  • False

Specification

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

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

Behaviors

Links - native + router

  • The links used in the Breadcrumb component should be compatible with either native anchor tags (i.e., <a>) or using routing components for React (e.g., <Link>).

    • <Link> uses an <a> under the hood but does not trigger a full-page refresh, only updating the browser history instead.

Accessibility

Semantics

[TODO]

 

Proposed Improvements

@Adam Butterworth (Deactivated) Add Jira ticket for proposed improvements