<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.