Basic Breadcrumbs

<PrimerBreadcrumbs Items="@(new List<PrimerBreadcrumbs.BreadcrumbItem>
{
    new() { Text = "Home", Href = "javascript:void(0);" },
    new() { Text = "About", Href = "javascript:void(0);" },
    new() { Text = "Team", Href = "javascript:void(0);" ,IsSelected=true }
})" />
</ChildContent>

Breadcrumbs with Longer Path

<PrimerBreadcrumbs Items="@(new List<PrimerBreadcrumbs.BreadcrumbItem>
{
    new() { Text = "Home", Href = "javascript:void(0);" },
    new() { Text = "Products", Href = "javascript:void(0);" },
    new() { Text = "Software", Href = "javascript:void(0);" },
    new() { Text = "Detail", Href = "javascript:void(0);", IsSelected=true }
})" />

Breadcrumbs Options

Available options for Breadcrumbs component

NameDescriptionDefault ValueCSS Class
Text
Label text for each breadcrumb item
""
-
Href
URL link for the breadcrumb item
"#"
-
IsSelected
Indicates if the item is the current page
false
breadcrumb-item-selected