Class RadzenBreadCrumb
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.
Inherited Members
Namespace: Radzen.Blazor
Assembly: Radzen.Blazor.dll
Syntax
public class RadzenBreadCrumb : RadzenComponentWithChildren, IComponent, IHandleEvent, IHandleAfterRender, IDisposable
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
RadzenBreadCrumb()
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()
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>
Properties
Template
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
[Parameter]
public RenderFragment<RadzenBreadCrumbItem> Template { get; set; }
Property Value
| Type | Description |
|---|---|
| RenderFragment<RadzenBreadCrumbItem> | The custom item template render fragment. |
Methods
BuildRenderTree(RenderTreeBuilder)
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
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Parameters
| Type | Name | Description |
|---|---|---|
| RenderTreeBuilder | __builder |
Overrides
GetComponentCssClass()
Gets the component CSS class.
Declaration
protected override string GetComponentCssClass()
Returns
| Type | Description |
|---|---|
| string |