API-Referenz

Hier ist der vollständige Vertrag für breadcrumbs: alles, was du binden, abhören, projizieren und gestalten kannst, an einem Ort gesammelt. Verdrahte, was du brauchst, und gestalte, was du willst — es ist standalone und Signals-freundlich.

Inputs

Stelle breadcrumbs mit 3 Inputs ein. Binde sie wie jeden Angular-@Input.

Name	Typ	Standard	Beschreibung
`breadcrumbs$`	`Observable<BreadcrumbItem[]>`	—	Observable-Stream von Breadcrumb-Elementen, die automatisch aus den Routendaten generiert werden.
`variant`	`string`	—	Semantischer Akzent für die Breadcrumb-Links (z.B. primary, success) oder ein beliebiger eigener Token-Name.
`truncateItems`	`boolean`	`false`	Bei true wird jede Beschriftung auf --hub-breadcrumb-max-item-width mit Auslassungspunkten gekürzt und bei Überlauf ein Tooltip angezeigt.

Outputs

Noch keine Outputs dokumentiert.

Templates

Mach es zu deinem — 1 Template-Slots lassen dich eigenes Markup projizieren.

Name	Beschreibung	Beispiel
`hubBreadcrumbItem`	Benutzerdefiniertes Template zum Rendern einzelner Breadcrumb-Elemente	`<ng-template hubBreadcrumbItem let-item let-isLast="isLast"> @if (!isLast) { <a [routerLink]="item.url" class="breadcrumb-link">{{ item.label }}</a> } @else { <span class="breadcrumb-current">{{ item.label }}</span> } </ng-template>`