Skip to main content
cngx-src documentation

CngxBreadcrumbItemAccessory

Directivev0.1.0WCAG AA

projects/ui/breadcrumb/breadcrumb-item-accessory.directive.ts

Import#

import { CngxBreadcrumbItemAccessory } from '@cngx/ui/breadcrumb'

Description#

Structural slot for a per-crumb accessory inside the CngxBreadcrumbBar trail. Projected once, it renders inside every crumb's <li> (after the link), so a consumer can attach custom chrome or the router-driven siblings source that the declarative crumb.siblings field cannot reach (the bar stays free of @angular/router). When present, the slot wins globally over the declarative auto-render - one predictable owner of the accessory area.

<cngx-breadcrumb [items]="crumbs">
  <ng-template cngxBreadcrumbItemAccessory let-crumb>
    @if (crumb.siblings; as sibs) {
      <cngx-breadcrumb-siblings [siblings]="sibs" />
    }
  </ng-template>
</cngx-breadcrumb>

https://cngxjs.github.io/cngx/examples/#/ui/breadcrumb/siblings/accessory-slot

Metadata#

Index#

Instance Properties#

templateRef#unknown
Readonly
inject<TemplateRef<CngxBreadcrumbItemAccessoryContext>>(TemplateRef)

Methods#

Static
ngTemplateContextGuard(_dir: CngxBreadcrumbItemAccessory, _ctx: unknown)

Narrows let- bindings to CngxBreadcrumbItemAccessoryContext under strict templates.

@param_ctxunknown