RadzenBreadCrumb Class

A breadcrumb navigation component that displays the current page's location within the application hierarchy. RadzenBreadCrumb shows a trail of links representing the path from the root to the current page, helping users understand their location and navigate back. Provides secondary navigation with items separated by a visual divider (typically ">"), with each item linking to its respective page. Common uses include multi-level navigation indicating current location, e-commerce category navigation (Home > Electronics > Laptops), documentation section paths, and file system or folder navigation. Items are defined using RadzenBreadCrumbItem components as child content. The last item typically represents the current page and is often not clickable.

Inheritance

Object

ComponentBase

RadzenComponent

RadzenComponentWithChildren

RadzenBreadCrumb

Implements

IComponent

IHandleEvent

IHandleAfterRender

Namespace: Radzen.Blazor

Assembly: Radzen.Blazor.dll

Syntax

public class RadzenBreadCrumb : RadzenComponentWithChildren, IComponent, IHandleEvent, IHandleAfterRender

Examples

Basic breadcrumb:

<RadzenBreadCrumb>
    <RadzenBreadCrumbItem Text="Home" Path="/" />
    <RadzenBreadCrumbItem Text="Products" Path="/products" />
    <RadzenBreadCrumbItem Text="Laptops" />
</RadzenBreadCrumb>

Breadcrumb with icons and custom template:

<RadzenBreadCrumb>
    <RadzenBreadCrumbItem Text="Home" Path="/" Icon="home" />
    <RadzenBreadCrumbItem Text="Settings" Path="/settings" Icon="settings" />
    <RadzenBreadCrumbItem Text="Profile" Icon="person" />
</RadzenBreadCrumb>

Constructors

RadzenBreadCrumblink

A breadcrumb navigation component that displays the current page's location within the application hierarchy. RadzenBreadCrumb shows a trail of links representing the path from the root to the current page, helping users understand their location and navigate back. Provides secondary navigation with items separated by a visual divider (typically ">"), with each item linking to its respective page. Common uses include multi-level navigation indicating current location, e-commerce category navigation (Home > Electronics > Laptops), documentation section paths, and file system or folder navigation. Items are defined using RadzenBreadCrumbItem components as child content. The last item typically represents the current page and is often not clickable.

Declaration
public RadzenBreadCrumb()

Properties

Templatelink

Gets or sets a custom template for rendering breadcrumb items. When set, this template is used instead of the default rendering for each item, allowing complete control over item appearance. The template receives a RadzenBreadCrumbItem as context.

Declaration
public RenderFragment<RadzenBreadCrumbItem> Template { get; set; }
Property Value
Type Description
RenderFragment<RadzenBreadCrumbItem>Gets or sets a custom template for rendering breadcrumb items. When set, this template is used instead of the default rendering for each item, allowing complete control over item appearance. The template receives a RadzenBreadCrumbItem as context.

Methods

BuildRenderTreelink

Declaration
protected override void BuildRenderTree(Rendering.RenderTreeBuilder __builder)
Parameters
Type Name Description
Rendering.RenderTreeBuilder __builder

GetComponentCssClasslink

Declaration
protected override string GetComponentCssClass()
Returns
Type Description
string
An error has occurred. This app may no longer respond until reloaded. Reload 🗙