@ussebastian/kitdigital/docs/components/navigation/breadcrumb.html

Kit Digital de la Universidad San Sebastián

<section class="my-12">
  <nav class="uss-breadcrumb" aria-label="Breadcrumb">
    <ol class="uss-breadcrumb__inner-list">
      <li class="uss-breadcrumb__list-item">
        <a href="#" class="uss-breadcrumb__link"> Inicio </a>
        <i class="uss-icon ri-arrow-drop-right-line"></i>
      </li>
      <li class="uss-breadcrumb__list-item">
        <a href="#" class="uss-breadcrumb__link"> Página </a>
        <i class="uss-icon ri-arrow-drop-right-line"></i>
      </li>
      <li class="uss-breadcrumb__list-item">
        <a href="#" class="uss-breadcrumb__link"> Universidad </a>
        <i class="uss-icon ri-arrow-drop-right-line"></i>
      </li>
      <li class="uss-breadcrumb__list-item">
        <a href="#" class="uss-breadcrumb__link"> Sedes </a>
        <i class="uss-icon ri-arrow-drop-right-line"></i>
      </li>
      <li class="uss-breadcrumb__list-item">
        <a href="#" class="uss-breadcrumb__link"> Sede principal </a>
        <i class="uss-icon ri-arrow-drop-right-line"></i>
      </li>
      <li class="uss-breadcrumb__current-page" aria-current="page">
        <span> Nombre muy largo de la sub sede </span>
      </li>
    </ol>
  </nav>
  <nav class="uss-breadcrumb" aria-label="Breadcrumb">
    <ol class="uss-breadcrumb__inner-list">
      <li class="uss-breadcrumb__list-item">
        <a href="#" class="uss-breadcrumb__link"> Inicio </a>
        <i class="uss-icon ri-arrow-drop-right-line"></i>
      </li>
      <li class="uss-breadcrumb__list-item">
        <a href="#" class="uss-breadcrumb__link"> Universidad </a>
        <i class="uss-icon ri-arrow-drop-right-line"></i>
      </li>
      <li class="uss-breadcrumb__list-item">
        <a href="#" class="uss-breadcrumb__link"> Sede San Sebastián </a>
        <i class="uss-icon ri-arrow-drop-right-line"></i>
      </li>
      <li class="uss-breadcrumb__current-page" aria-current="page">
        <span> Detalle </span>
      </li>
    </ol>
  </nav>
  <nav class="uss-breadcrumb" aria-label="Breadcrumb">
    <ol class="uss-breadcrumb__inner-list">
      <li class="uss-breadcrumb__list-item">
        <a href="#" class="uss-breadcrumb__link"> Inicio </a>
        <i class="uss-icon ri-arrow-drop-right-line"></i>
      </li>
      <li class="uss-breadcrumb__current-page" aria-current="page">
        <span> Página </span>
      </li>
    </ol>
  </nav>
</section>