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.
IComponent
IHandleEvent
IHandleAfterRender
RadzenComponentWithChildren.ChildContent
RadzenComponent.SetParametersAsync
RadzenComponent.OnAfterRenderAsync
RadzenComponent.RaiseContextMenu
RadzenComponent.RaiseMouseEnter
RadzenComponent.AddContextMenu
RadzenComponent.RaiseMouseLeave
RadzenComponent.OnBecameInvisible
RadzenComponent.DefaultCulture
RadzenComponent.IsJSRuntimeAvailable
ComponentBase.OnInitializedAsync
ComponentBase.OnParametersSet
ComponentBase.OnParametersSetAsync
ComponentBase.StateHasChanged
ComponentBase.ShouldRender
ComponentBase.OnAfterRender
ComponentBase.InvokeAsync
ComponentBase.DispatchExceptionAsync
ComponentBase.RendererInfo
ComponentBase.Assets
ComponentBase.AssignedRenderMode
Namespace: Radzen.Blazor
Assembly: Radzen.Blazor.dll
public class RadzenBreadCrumb : RadzenComponentWithChildren, IComponent, IHandleEvent, IHandleAfterRenderBasic 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>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.
public RadzenBreadCrumb()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.
public RenderFragment<RadzenBreadCrumbItem> Template { get; set; }
| 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. |