Source code

src/showcase/pages/components/breadcrumbs.html

This file is included in this documentation build. It is displayed as code and is not executed.

Download source

<!--
Demonstrate the breadcrumbs component on its own lazy route.

@author Laurent Declercq l.declercq@agon-innovation.ch
@version 20260921
-->
<section x-data="componentCatalog" class="component-library">
  <include
    src="partials/components/page-header.html"
    locals='{"title":"componentBreadcrumbs"}'
  ></include>
  <div class="catalog-grid">
    <article class="card">
      <header class="card-header"><h2 x-text="$t('componentBreadcrumbs')"></h2></header>
      <div class="card-body">
        <nav :aria-label="$t('galleryBreadcrumbs')">
          <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="/" x-link x-text="$t('overview')"></a></li>
            <li class="breadcrumb-item">
              <a href="/resources" x-link x-text="$t('resources')"></a>
            </li>
            <li class="breadcrumb-item active" aria-current="page" x-text="$t('components')"></li>
          </ol>
        </nav>
      </div>
    </article>
  </div>
</section>