Overview
tng-breadcrumbs renders a list of TngBreadcrumbItem: label, optional route (RouterLink) or href (external), current, disabled. Optional home item prepended. separator between items. Slot-based styling: root, list, item, link, current, disabled, separator.
Quick example
Basic
<tng-breadcrumbs [items]="items()"></tng-breadcrumbs>
import { TngBreadcrumbs, TngBreadcrumbItem } from '@tailng-ui/ui/navigation';
items = signal<TngBreadcrumbItem[]>([
{ label: 'Projects', route: '/projects' },
{ label: 'Tailng UI' },
]);Features
Items
label; route (internal) or href/target/rel (external); current (force current style); disabled.
Home & separator
home: optional first item. separator: string between items (e.g. / or →).