Breadcrumb

The breadcrumb is to provide a consistently-placed and styled affordance to orient and move up a hierarchy.

Install the component dependency:

Include a React component in your project:

Name
Value
Description
Default
disabled
boolean
standard input disable flag
false
innerRef
DOM element => ()
react ref callback

The breadcrumb should be placed toward the top left of the page. Below any persistent heading or navigation elements.

Page title

Reference the destination screen or page directly. Don't add text like "Back to..."

Do
Don't

Breadcrumbs should be written in sentence case, except for proper nouns or product titles.

Do
Don't