Breadcrumbs

Site breadcrumbs.

Markup Details
                            {% import "@components/icons/icons.twig" as icons %}

{# Preserve the Drupal attributes if they're available. #}
{% set breadcrumb_class = ['breadcrumbs', breadcrumbs.modifier_class] %}
{%
  set attributes = attributes ? attributes.addClass(breadcrumb_class) : ' class="' ~ breadcrumb_class|join(' ') ~ '"'
%}
{# If we don't use |raw twig.js tries to escape the quotes on the class attribute. #}
{% if breadcrumbs.items %}
  <nav{{ attributes|raw }} role="navigation" aria-labelledby="system-breadcrumb">
    {% block breadcrumb %}
      <h2 id="system-breadcrumb" class="visually-hidden">{{ 'Breadcrumb'|t }}</h2>
      <ol class="breadcrumb-trail">
      {% for item in breadcrumbs.items %}
        <li class="breadcrumb-trail--item">
          {% if not loop.last %}
            <a href="{{ item.url }}">{{ item.title }}</a>
            {{ icons.get('arrow-brown', '') }}
          {% else %}
            {% if item.url %}
              <a href="{{ item.url }}">{{ item.title }}</a>
            {% else %}
              {{ item.title }}
            {% endif %}
          {% endif %}
        </li>
      {% endfor %}
      </ol>
    {% endblock %}
  </nav>
{% endif %}