• Material 3
  • Fluent
  • Fluent2
  • Bootstrap v5
  • Tailwind CSS
  • High Contrast
Mode Selection
Theme Selection
Theme Mode
*Translated by Google Translator.

Example of Default Functionalities in ASP.NET Core Breadcrumb Control

This sample demonstrates the basic rendering, overflow feature and navigable active item of the Breadcrumb component with icon support. Click the Reset State button to refresh Breadcrumb component states.

Simple Breadcrumb
Breadcrumb with Overflow
Active Last Breadcrumb

The 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 BreadcrumbItem tag directive.

Simple Breadcrumb

In this sample, the Breadcrumb is populated with text, icon, and URL.

Breadcrumb with Overflow

In the Breadcrumb component, maxItems and overflowMode properties were used to limit the number of breadcrumb items to be displayed.

In this sample, the maxItems is set as 3 with overflowMode as Menu. To prevent breadcrumb item navigation we have set false in enableNavigation property of Breadcrumb component.

Active Last Breadcrumb

In this sample, navigation for the last item is enabled by using enableActiveItemNavigation property.

More information about Breadcrumb component can be found in this documentation section.

Transform your ASP.NET Core web apps today with Syncfusion ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
opens in a new tab