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 %}