Breadcrumb Templates

Updated on Sep 10, 2026

The Breadcrumb can be customized by using Templates. This article explains the available templates for the component.

• ItemTemplate
• SeparatorTemplate

ItemTemplate

The <ItemTemplate> controls the rendering of the data bound items in the Breadcrumb, in case you want to use a rendering different than the default one.

This template receives a context argument that is of the data model type and represents the current item.

Use ItemTemplate to control the rendering of the items in the Breadcrumb. The result from the snippet below.

Example

View Source

Loading ...

SeparatorTemplate

The <SeparatorTemplate> allows you to control the rendering of the Breadcrumb Separator, so you can define custom content between the component items.

Use SeparatorTemplate to customize the Breadcrumb Separator. The result from the snippet below.

Example

View Source

Loading ...

See Also

• Live Demo: Breadcrumb Templates