Componente

Breadcrumb

Navegación jerárquica accesible con soporte para RouterLink, separadores personalizables e indicador aria-current="page" en el último ítem.

import { NeuBreadcrumbComponent } from '@neural-ui/core/breadcrumb';
import type { NeuBreadcrumbItem } from '@neural-ui/core/breadcrumb';

Tres niveles

Cinco niveles

Separador personalizado (›)

Separador punto (·)

import { NeuBreadcrumbComponent, NeuBreadcrumbItem } from '@neural-ui/core/breadcrumb';

@Component({
  imports: [NeuBreadcrumbComponent],
  template: `<neu-breadcrumb [items]="crumbs" />`
})
export class MyComponent {
  crumbs: NeuBreadcrumbItem[] = [
    { label: 'Inicio', route: '/' },
    { label: 'Productos', route: '/products' },
    { label: 'Portátiles' },  // último sin route = página actual
  ];
}