Blazor Breadcrumb Example - Default Functionalities
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
Simple Breadcrumb
Breadcrumb with Overflow
Active Last Breadcrumb
This sample demonstrates the basic rendering of the Blazor Breadcrumb component with icon support. Click the Reset State button to restore the Breadcrumb component to its initial state.
The Breadcrumb component identifies the current page location within a website's navigational hierarchy. It uses the BreadcrumbItems collection to populate breadcrumb items with text, icons, and URLs.
This demo showcases three breadcrumb configurations:
- Simple Breadcrumb - Populated with text, icons, and URL navigation
- Breadcrumb with Overflow - Uses MaxItems and OverflowMode properties to limit visible items to 3 with menu-based overflow. Navigation is disabled via EnableNavigation
- Active Last Breadcrumb - Enables navigation for the last item using the EnableActiveItemNavigation property
See also: