Primer Blazor
Product UI Brand UI Demo

Basic Breadcrumbs

<PrimerBrandBreadcrumbs Type="BrandBreadcrumbsType.Default">
    <PrimerBrandBreadcrumbsItem Href="/">Home</PrimerBrandBreadcrumbsItem>
    <PrimerBrandBreadcrumbsItem Href="/docs">Docs</PrimerBrandBreadcrumbsItem>
    <PrimerBrandBreadcrumbsItem IsSelected="true">Blazor</PrimerBrandBreadcrumbsItem>
</PrimerBrandBreadcrumbs>

Accent

<PrimerBrandBreadcrumbs Type="BrandBreadcrumbsType.Accent">
    <PrimerBrandBreadcrumbsItem Href="/">Home</PrimerBrandBreadcrumbsItem>
    <PrimerBrandBreadcrumbsItem Href="/docs">Docs</PrimerBrandBreadcrumbsItem>
    <PrimerBrandBreadcrumbsItem IsSelected="true">Blazor</PrimerBrandBreadcrumbsItem>
</PrimerBrandBreadcrumbs>

Breadcrumb Component Options

Available options for PrimerBrandBreadcrumbs and PrimerBrandBreadcrumbsItem

NameDescriptionDefault ValueCSS Class
Type
Breadcrumb style (Default or Accent)
Default
Breadcrumbs--default
Href
Navigation URL
null
Breadcrumbs__link
IsSelected
Indicates current page
false
Breadcrumbs__link--selected
ChildContent
Breadcrumb label content
-
-