Breadcrumb / Overflow Modes

Blazor Breadcrumb Example - Overflow Modes

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:

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE