DIA Frontend

Breadcrumb 

<nav aria-label="Breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item active" aria-current="page">
            Home
        </li>
    </ol>
</nav>
<nav aria-label="Breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="#" class="breadcrumb-link">
                Home
            </a></li>
        <li class="breadcrumb-item active" aria-current="page">
            Library
        </li>
    </ol>
</nav>
<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">
                Library
            </a></li>
        <li class="breadcrumb-item active" aria-current="page">
            Data
        </li>
    </ol>
</nav>
 
{% spaceless %}
    {% block main %}
        {% for variant in variants %}
            {% if variant.breadcrumb %}
                {% include '@atom-breadcrumb' with variant %}
            {% endif %}
        {% endfor %}
    {% endblock %}
{% endspaceless %}
 
{
  "variants": [
    {
      "breadcrumb": [
        {
          "title": "Home",
          "link": null
        }
      ]
    },
    {
      "breadcrumb": [
        {
          "title": "Home",
          "link": null
        },
        {
          "title": "Library",
          "link": null
        }
      ]
    },
    {
      "breadcrumb": [
        {
          "title": "Home",
          "link": null
        },
        {
          "title": "Library",
          "link": null
        },
        {
          "title": "Data",
          "link": null
        }
      ]
    }
  ]
}

No notes defined.