Blazor Breadcrumb Example - Overflow Modes
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
Overflow Mode - Menu
Overflow Mode - Hidden
Overflow Mode - Collapsed
Overflow Mode - Wrap
Overflow Mode - Scroll
This sample demonstrates different overflow modes (Menu, Hidden, Collapsed, Wrap, and Scroll) in the Breadcrumb component.
The OverflowMode property manages item display when breadcrumb width exceeds container space or when MaxItems count is reached:
Menu- Displays accommodated items with remaining items in a submenuHidden- Shows only MaxItems count; remaining items hidden until previous item is clickedCollapsed- Shows first and last items only; remaining items hidden with collapse icon for expansionWrap- Wraps items across multiple lines when space is exceededScroll- Displays HTML scroll bar when breadcrumb width exceeds container spaceNone- Shows all items on a single line
See also: