Example of Default Functionalities in Blazor Breadcrumb Component

Breadcrumb / Default Functionalities

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

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE