All Demos / Breadcrumb / Overflow Modes

Blazor Breadcrumb Example - Overflow Modes

Loading Syncfusion Blazor Server Demos…
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 submenu
  • Hidden - Shows only MaxItems count; remaining items hidden until previous item is clicked
  • Collapsed - Shows first and last items only; remaining items hidden with collapse icon for expansion
  • Wrap - Wraps items across multiple lines when space is exceeded
  • Scroll - Displays HTML scroll bar when breadcrumb width exceeds container space
  • None - Shows all items on a single line

See also: