Breadcrumbs

Breadcrumbs are useful to indicate the navigational route into a website.

  1. Home
  2. Cars
  3. Electric
  4. Tesla
  5. P100d
<ol class="c-breadcrumbs">
  <li class="c-breadcrumbs__crumb"><a class="c-link">Home</a></li>
  <li class="c-breadcrumbs__crumb"><a class="c-link">Cars</a></li>
  <li class="c-breadcrumbs__crumb"><a class="c-link">Electric</a></li>
  <li class="c-breadcrumbs__crumb"><a class="c-link">Tesla</a></li>
  <li class="c-breadcrumbs__crumb c-text--loud">P100d</li>
</ol>
Home Cars Electric Tesla P100d 
<blaze-breadcrumbs>
  <blaze-breadcrumb href="/">Home</blaze-breadcrumb>
  <blaze-breadcrumb href="/">Cars</blaze-breadcrumb>
  <blaze-breadcrumb href="/">Electric</blaze-breadcrumb>
  <blaze-breadcrumb href="/">Tesla</blaze-breadcrumb>
  <blaze-breadcrumb>P100d</blaze-breadcrumb>
</blaze-breadcrumbs>