There are no notes for this item.

<nav class="breadcrumb-trail" aria-label="Breadcrumb trail">
    <span class="heading heading--tiny">You are here:</span>
    <ol class="breadcrumb-trail__path unstyled">
        <li class="breadcrumb-trail__item">
            <a href="#">First level</a>
        </li>
        <li class="breadcrumb-trail__item">
            <a href="#">Second level</a>
        </li>
        <li class="breadcrumb-trail__item">Current page</li>
    </ol>
</nav>
<nav class="breadcrumb-trail" aria-label="Breadcrumb trail">
    <span class="heading heading--tiny">{{ location }}</span>
    <ol class="breadcrumb-trail__path unstyled">
        {{#each breadcrumbTrail}}
            {{#if @last}}
            <li class="breadcrumb-trail__item">{{ label }}</li>
            {{else}}
            <li class="breadcrumb-trail__item">
                <a href="#">{{ label }}</a>
            </li>
            {{/if}}
        {{/each}}
    </ol>
</nav>
{
  "location": "You are here:",
  "breadcrumbTrail": [
    {
      "label": "First level"
    },
    {
      "label": "Second level"
    },
    {
      "label": "Current page"
    }
  ]
}
  • Handle: @breadcrumb-trail
  • Preview:
  • Filesystem Path: Source\components\06-components\breadcrumb-trail\breadcrumb-trail.hbs