Blazor Breadcrumb Example - Default Functionalities

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:

• Getting started with Blazor Breadcrumb