<MudBreadcrumbs Items="_items2" Class="example-breadcrumb"></MudBreadcrumbs>
<MudBreadcrumbs Items="_items3" Class="example-breadcrumb"></MudBreadcrumbs>
<MudBreadcrumbs Items="_items4" Class="example-breadcrumb mb-0"></MudBreadcrumbs>
    
@code {
    private List<BreadcrumbItem> _items2 = new List<BreadcrumbItem>
    {
        new BreadcrumbItem("Home", href: "javascript:void(0);"),
    }
    private List<BreadcrumbItem> _items3 = new List<BreadcrumbItem>
    {
        new BreadcrumbItem("Home", href: "javascript:void(0);"),
        new BreadcrumbItem("Library", href: "javascript:void(0);"),
    }
    private List<BreadcrumbItem> _items4 = new List<BreadcrumbItem>
    {
        new BreadcrumbItem("Home", href: "javascript:void(0);"),
        new BreadcrumbItem("Library", href: "javascript:void(0);"),
        new BreadcrumbItem("Data", href: "javascript:void(0);"),
    }
}

<MudBreadcrumbs Items="_items2" Class="breadcrumb-example1 example-breadcrumb"></MudBreadcrumbs>
<MudBreadcrumbs Items="_items3" Class="breadcrumb-example1 example-breadcrumb"></MudBreadcrumbs>
<MudBreadcrumbs Items="_items4" Class="breadcrumb-example1 example-breadcrumb mb-0"></MudBreadcrumbs>
    
@code {
    private List<BreadcrumbItem> _items2 = new List<BreadcrumbItem>
    {
        new BreadcrumbItem("Home", href: "javascript:void(0);"),
    }
    private List<BreadcrumbItem> _items3 = new List<BreadcrumbItem>
    {
        new BreadcrumbItem("Home", href: "javascript:void(0);"),
        new BreadcrumbItem("Library", href: "javascript:void(0);"),
    }
    private List<BreadcrumbItem> _items4 = new List<BreadcrumbItem>
    {
        new BreadcrumbItem("Home", href: "javascript:void(0);"),
        new BreadcrumbItem("Library", href: "javascript:void(0);"),
        new BreadcrumbItem("Data", href: "javascript:void(0);"),
    }
}

<MudBreadcrumbs Items="_items3" Separator="~" Class="example-breadcrumb mb-0"></MudBreadcrumbs>
    
@code {
    private List<BreadcrumbItem> _items3 = new List<BreadcrumbItem>
    {
        new BreadcrumbItem("Home", href: "javascript:void(0);"),
        new BreadcrumbItem("Library", href: "javascript:void(0);"),
    }
}

<MudBreadcrumbs Items="_items3" Class="example-breadcrumb mb-0"></MudBreadcrumbs>
<SeparatorTemplate>
    <svg width="8" height="8" viewBox="0 0 8 8" xmlns="http://www.w3.org/2000/svg">
        <path d="M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z" fill="currentColor">
    </svg>
</SeparatorTemplate>
</MudBreadcrumbs>
    
@code {
    private List<BreadcrumbItem> _items3 = new List<BreadcrumbItem>
    {
        new BreadcrumbItem("Home", href: "javascript:void(0);"),
        new BreadcrumbItem("Library", href: "javascript:void(0);"),
    }
}

<MudBreadcrumbs Items="_items4" Class="breadcrumb-style1 example-breadcrumb mb-0"></MudBreadcrumbs>
<SeparatorTemplate></SeparatorTemplate>
</MudBreadcrumbs>

@code {
    private List<BreadcrumbItem> _items4 = new List<BreadcrumbItem>
    {
        new BreadcrumbItem("Home", href: "javascript:void(0);"),
        new BreadcrumbItem("Library", href: "javascript:void(0);"),
        new BreadcrumbItem("Data", href: "javascript:void(0);"),
    }
}

<MudBreadcrumbs Items="_items5" Class="breadcrumb-style2 example-breadcrumb mb-0"></MudBreadcrumbs>
<SeparatorTemplate></SeparatorTemplate>
</MudBreadcrumbs>
    
@code {
    private List<BreadcrumbItem> _items4 = new List<BreadcrumbItem>
    {
        new BreadcrumbItem("Home", href: "javascript:void(0);"),
        new BreadcrumbItem("Library", href: "javascript:void(0);"),
        new BreadcrumbItem("Data", href: "javascript:void(0);"),
    }
}

<MudBreadcrumbs Items="_items2" Class="example-breadcrumb mb-0"></MudBreadcrumbs>
<MudBreadcrumbs Items="_items6" Class="example-breadcrumb">
 <SeparatorTemplate>
 </SeparatorTemplate>
</MudBreadcrumbs>
    
@code {
    private List<BreadcrumbItem> _items6 = new List<BreadcrumbItem>
    {
        new BreadcrumbItem("Home", href: "javascript:void(0);", icon: ""),
        new BreadcrumbItem("Library", href: "javascript:void(0);"),
    }
}