CngxBreadcrumbCrumb
projects/ui/breadcrumb/breadcrumb.types.ts
Referenced by#
Import#
import { CngxBreadcrumbCrumb } from '@cngx/ui/breadcrumb'
Description#
One crumb in a CngxBreadcrumbBar trail. href renders a plain-link
crumb. The terminal crumb needs no target - it is derived from position and
rendered as the current page.
Index#
Instance Properties#
Target for a plain-link crumb. Omit on the terminal crumb. Keep it unique
across the trail: the bar tracks crumbs by href ?? label, so two crumbs
that share an href collide on the track key and throw NG0955. The router
source dedups a repeated URL automatically; a hand-built [items] array
must not repeat one.
Opaque per-crumb icon token. cngx never interprets this string - it is
handed verbatim to the projected *cngxBreadcrumbIcon slot as the
{ crumb } context, and the consumer's slot renders it with whatever icon
system they use (<mat-icon>{{ crumb.icon }}</mat-icon>, an icon font,
inline SVG, <app-icon>). cngx ships no icon set and resolves no names.
Omit it and the leading icon slot simply renders nothing for that crumb.
unknownStatic lateral-navigation alternatives for this crumb. When present and
non-empty, CngxBreadcrumbBar auto-renders a
CngxBreadcrumbSiblings dropdown for the crumb - no consumer wiring.
Static data only; router-driven siblings compose through the
*cngxBreadcrumbItemAccessory slot instead (the bar stays free of
@angular/router). An empty array renders nothing (the dropdown self-hides).