CngxBreadcrumbSiblingItem

Directivev0.1.0WCAG AA

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

Import#

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

Description#

Structural slot for the per-row body inside the CngxBreadcrumbSiblings menu. Replaces the default sibling row so a consumer can render a richer row (an icon + label, a navigable <a href>); the <li cngxMenuItem> shell stays library-owned.

<cngx-breadcrumb-siblings [siblings]="siblings">
  <ng-template cngxBreadcrumbSiblingItem let-sibling>
    <a [href]="sibling.href">{{ sibling.label }}</a>
  </ng-template>
</cngx-breadcrumb-siblings>

https://cngxjs.github.io/cngx/examples/#/ui/breadcrumb/siblings/custom-row

Metadata#

Selector: ng-template[cngxBreadcrumbSiblingItem]
Export as: cngxBreadcrumbSiblingItem

Index#

Properties

templateRef

Methods

ngTemplateContextGuard

Instance Properties#

templateRef#unknown

Readonly

inject<TemplateRef<CngxBreadcrumbSiblingItemContext>>(TemplateRef)

Methods#

ngTemplateContextGuard#CngxBreadcrumbSiblingItemContext

Static

ngTemplateContextGuard(_dir: CngxBreadcrumbSiblingItem, _ctx: unknown)

Narrows let- bindings to CngxBreadcrumbSiblingItemContext under strict templates.

@param_dirCngxBreadcrumbSiblingItem

@param_ctxunknown