<nav aria-label="Breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="#" class="breadcrumb-link">
Home
</a>
</li>
<li class="breadcrumb-item">
<a href="#" class="breadcrumb-link">
Title 1
</a>
</li>
<li class="breadcrumb-item active" aria-current="page">
Title 2
</li>
</ol>
</nav>
{% block main %}
{% if breadcrumb %}
{% if class %}
{% set attributeClass = ' class="' ~ class ~ '"' %}
{% endif %}
<nav aria-label="Breadcrumb"{{ attributeClass }}>
{% if container %}
<div class="container">
{% endif %}
{% if srLabel %}
<p class="sr-only" id="breadcrumb">You are here:</p>
{% endif %}
<ol class="breadcrumb">
{% for page in breadcrumb %}
{% if loop.last %}
{% set itemClass = ' active' %}
{% set attributeAriaCurrent = ' aria-current="page"' %}
{% endif %}
<li class="breadcrumb-item{{ itemClass }}"{{ attributeAriaCurrent }}>
{% if not loop.last %}
<a href="{{ page.link|default('#') }}" class="breadcrumb-link">
{% endif %}
{% if addTitleSpan %}
<span class="breadcrumb-text">{{ page.title }}</span>
{% else %}
{{ page.title }}
{% endif %}
{% if not loop.last %}
</a>
{% endif %}
</li>
{% endfor %}
</ol>
{% if container %}
</div>
{% endif %}
</nav>
{% endif %}
{% endblock %}
{
"class": null,
"container": false,
"srLabel": false,
"addTitleSpan": false,
"breadcrumb": [
{
"title": "Home",
"link": null
},
{
"title": "Title 1",
"link": null
},
{
"title": "Title 2"
}
]
}
No notes defined.