BreadCrumbItemTemplateDirective

Represents a template that defines the content of a Breadcrumb item. This directive allows you to customize how each Breadcrumb item appears by providing your own template. You can access the item data and customize the display with icons, styling, or additional content beyond the default text representation.

To define the template, nest an <ng-template> tag with the kendoBreadCrumbItemTemplate directive inside the <kendo-breadcrumb> tag.

For more information and example refer to the Templates article.

html

<kendo-breadcrumb [items]="items">
   <ng-template kendoBreadCrumbItemTemplate let-item="item">
      <span>{{ item.text }}</span>
   </ng-template>
</kendo-breadcrumb>

Selector

[kendoBreadCrumbItemTemplate]