Blazor Breadcrumb Example - Overflow Modes
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: