23/Acciones y etiquetas

Breadcrumb

Ruta de navegación con separadores.

Básico

HTML

<nav aria-label="Ruta">
  <ol class="cb-breadcrumb">
    <li class="cb-breadcrumb__item"><a href="#">Inicio</a></li>
    <li class="cb-breadcrumb__item"><a href="#">Clientes</a></li>
    <li class="cb-breadcrumb__item"><span aria-current="page">María Ramírez</span></li>
  </ol>
</nav>

Clases y modificadores

Clase	Descripción
`.cb-breadcrumb`	Lista en fila.
`.cb-breadcrumb__item`	Elemento; el separador "/" se agrega solo.

Accesibilidad

Envuélvelo en nav aria-label="Ruta".
Marca la página actual con aria-current="page".