@page "/breadcrumb"
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    Blazor BreadCrumb
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    The Blazor BreadCrumb shows a navigation trail so users can see and jump back to their location in the app.
</RadzenText>

<RadzenText Anchor="breadcrumb#default-breadcrumb" TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-8">
    Default Radzen BreadCrumb
</RadzenText>
<RadzenText TextStyle="TextStyle.Body1" class="rz-mb-8">
    Display a hierarchical navigation trail with clickable breadcrumb items showing the user's location.
</RadzenText>
<RadzenExample ComponentName="BreadCrumb" Example="BreadCrumbDefault">
    <BreadCrumbDefault />
</RadzenExample>

<RadzenText Anchor="breadcrumb#breadcrumb-template" TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-12">
    BreadCrumb with template
</RadzenText>
<RadzenText TextStyle="TextStyle.Body1" class="rz-mb-8">
    The optional Template can be defined using the <code>Template</code> Property of the <code>RadzenBreadCrumb</code> component. The Context is of Type <code>RadzenBreadCrumbItem</code>.
</RadzenText>
<RadzenExample ComponentName="BreadCrumb" Example="BreadCrumbTemplate">
    <BreadCrumbTemplate />
</RadzenExample>

<RadzenText Anchor="breadcrumb#breadcrumb-child-template" TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-12">
    BreadCrumb with child content
</RadzenText>
<RadzenText TextStyle="TextStyle.Body1" class="rz-mb-8">
    Define custom child content for breadcrumb items to include icons, badges, or other elements.
</RadzenText>
<RadzenExample ComponentName="BreadCrumb" Example="BreadCrumbChildContent">
    <BreadCrumbChildContent />
</RadzenExample>
