Breadcrumbs

Ruta desde el inicio hasta la página actual, en una región de navegación con nombre («Ruta de navegación», cambiable con label). El último paso es la página actual (aria-current="page"): texto si no lleva dirección, enlace si la lleva. Los separadores son decorativos y el lector no los anuncia; en pantallas estrechas la ruta pasa a varias líneas.

Angular

Vue

<flt-breadcrumbs [items]="trail" />

trail = [
  { label: 'Inicio', href: '/' },
  { label: 'Cuentas', href: '/cuentas' },
  { label: 'Cuenta nómina ···4821' },
];

<FltBreadcrumbs :items="trail" />