6.7 Breadcrumbs View in a new window

Appearing at the top of most pages, the breadcrumbs let users know the location of the current page in relation to the site menu.

Twig: components/breadcrumbs/breadcrumbs.twig

Markup
<nav class="breadcrumbs {{modifier_class}}" role="navigation" aria-label="You are here">
  <ol class="breadcrumbs__menu">
    {% for item in breadcrumb %}
      {% if item.url %}
        <li class="breadcrumbs__item">
          <a href="{{ item.url }}">{{ item.text }}</a>
        </li>
      {% else %}
        <li class="breadcrumbs__item" aria-current="page">{{ item.text }}</li>
      {% endif %}
    {% endfor %}
  </ol>
</nav>