Example of Default Functionalities in Blazor Breadcrumb Component
This sample demonstrates the basic rendering of the Blazor Breadcrumb component with icon support. Click the Reset State button to refresh Breadcrumb component to its initial state.
Simple Breadcrumb
Breadcrumb with Overflow
Active Last Breadcrumb
The Blazor Breadcrumb component is used as a navigational aid to identify the current page location within the navigational hierarchy structure of websites. It has list of items that can be populated using the BreadcrumbItems.
Simple Breadcrumb
The Breadcrumb is populated with text, icon, and URL.
Breadcrumb with Overflow
In this Breadcrumb component, MaxItems and OverflowMode properties were used to limit the number of breadcrumb items to be displayed.
The MaxItems
is set to 3 and OverflowMode
is set to Menu
.
Also, to prevent breadcrumb item navigation, the EnableNavigation property is set to false
.
Active Last Breadcrumb
In this Breadcrumb component, navigation for the last item is enabled by using EnableActiveItemNavigation property.
See also