The Blazor Breadcrumb provides OverflowModes property that limits the number of items to be displayed in the view when the breadcrumb's width exceeds the container width or MaxItems count. The following overflow modes were available in the Breadcrumb component.

• Menu - Shows the number of breadcrumb items that can be accommodated within the container space and creates a sub menu with the remaining items.
• Hidden - Specified MaxItems count will be visible, and the remaining items will be hidden. While clicking on the previous item, the hidden item will become visible.
• Collapsed - Only the first and last items will be visible, and the remaining items will be hidden with collapsed icon. When the collapsed icon is clicked, all the items become visible.
• Wrap - Wraps the items on multiple lines when the Breadcrumb’s width exceeds the container space.
• Scroll - Shows an HTML scroll bar when the Breadcrumb’s width exceeds the container space.
• None - Shows all the items on a single line.

See also

• Blazor Breadcrumb - Overflow Modes