Breadcrumb
Breadcrumbs appear on tertiary pages.
.breadcrumb--reversed
variant in which breadcrumbs are white on a solid bg color
{{ attach_library('h4h_theme/breadcrumb') }}
{% import '@h4h_theme/icons/icons.twig' as icons %}
{% if breadcrumb %}
<nav class="breadcrumb {{ modifier_class }}" role="navigation" aria-labelledby="system-breadcrumb">
<div id="system-breadcrumb" class="visually-hidden">{{ 'Breadcrumb'|t }}</div>
<ol>
{% for item in breadcrumb.items %}
{% if loop.index0 == 0 %}
<li>
<a href="{{ item.url }}">
{{ icons.get('home') }}
</a>
{{ icons.get('chevronright') }}
</li>
{% else %}
<li>
{% if item.url %}
<a href="{{ item.url }}">{{ item.text }}</a>
{% if not loop.last %}
{{ icons.get('chevronright') }}
{% endif %}
{% else %}
{{ item.text }}
{% endif %}
</li>
{% endif %}
{% endfor %}
</ol>
</nav>
{% endif %}