Breadcrumb / Overflow Modes

Blazor Breadcrumb Example - Overflow Handling Configuration Support

Loading Syncfusion Blazor Server Demos…

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: