Breadcrumbs

Overview

Indicate the current page’s location within a navigational hierarchy.

Examples

List variation

Example
External Link 
<ul class="breadcrumbs">
  <li><a href="#">Level 1</a></li>
  <li><a href="#">Level 2</a></li>
  <li>Level 3</li>
</ul>

Usage guidelines

Dos Donts
do iconDo create meaningful labels to describe navigation items.
do-not iconDon’t use overly long labels that are difficult to read.
do iconDo place within a viewable section on page load.

Implementation guidelines

We're so sorry, there are currently no implementation guidelines for this component 😥

If you feel you can help out your fellow designers by creating usage guidelines for this component, please reach out to #cr-marquee on Slack.