Demos About Radzen
Search Results for

    Show / Hide Table of Contents

    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.

    Inheritance
    object
    ComponentBase
    RadzenComponent
    RadzenComponentWithChildren
    RadzenBreadCrumb
    Implements
    IComponent
    IHandleEvent
    IHandleAfterRender
    IDisposable
    Inherited Members
    RadzenComponentWithChildren.ChildContent
    RadzenComponent.OnMouseEnter()
    RadzenComponent.OnMouseLeave()
    RadzenComponent.OnContextMenu(MouseEventArgs)
    RadzenComponent.GetCssClass()
    RadzenComponent.GetId()
    RadzenComponent.Debounce(Func<Task>, int)
    RadzenComponent.OnInitialized()
    RadzenComponent.SetParametersAsync(ParameterView)
    RadzenComponent.OnAfterRenderAsync(bool)
    RadzenComponent.RaiseContextMenu(MouseEventArgs)
    RadzenComponent.RaiseMouseEnter()
    RadzenComponent.AddContextMenu()
    RadzenComponent.RaiseMouseLeave()
    RadzenComponent.Dispose()
    RadzenComponent.Attributes
    RadzenComponent.Element
    RadzenComponent.MouseEnter
    RadzenComponent.MouseLeave
    RadzenComponent.ContextMenu
    RadzenComponent.Culture
    RadzenComponent.DefaultCulture
    RadzenComponent.Style
    RadzenComponent.Visible
    RadzenComponent.UniqueID
    RadzenComponent.JSRuntime
    RadzenComponent.IsJSRuntimeAvailable
    RadzenComponent.Reference
    RadzenComponent.CurrentStyle
    ComponentBase.OnInitializedAsync()
    ComponentBase.OnParametersSet()
    ComponentBase.OnParametersSetAsync()
    ComponentBase.StateHasChanged()
    ComponentBase.ShouldRender()
    ComponentBase.OnAfterRender(bool)
    ComponentBase.InvokeAsync(Action)
    ComponentBase.InvokeAsync(Func<Task>)
    ComponentBase.DispatchExceptionAsync(Exception)
    object.GetType()
    object.MemberwiseClone()
    object.ToString()
    object.Equals(object)
    object.Equals(object, object)
    object.ReferenceEquals(object, object)
    object.GetHashCode()
    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
    ComponentBase.BuildRenderTree(RenderTreeBuilder)

    GetComponentCssClass()

    Gets the component CSS class.

    Declaration
    protected override string GetComponentCssClass()
    Returns
    Type Description
    string
    Overrides
    RadzenComponent.GetComponentCssClass()

    Implements

    IComponent
    IHandleEvent
    IHandleAfterRender
    IDisposable

    Introducing Radzen Blazor Studio

    Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles. Write less code and get more done.

    Learn More

    Download Now
    Download Now
    In This Article
    Back to top Radzen Blazor Components, © 2018-2025 Radzen. Source Code licensed under MIT