Blazor Toolbar Example - Overflow Handling

Toolbar / Overflow Modes

This sample demonstrates the available overflow modes in the Blazor Toolbar.

Loading Syncfusion Blazor Server Demos…

Overflow Mode - Scrollable
Overflow Mode - Popup
Overflow Mode - Extended
Overflow Mode - MultiRow

In this demo, available responsive mode of Blazor Toolbar has been showcased. The modes can be set through OverflowMode property and the possible modes are Scrollable, Popup, Extended and MultiRow.

Scrollable - The scrollable mode is the default mode. When you have excess toolbar items, it can be viewed by scrolling through left and right arrows.

Popup - The overflowing toolbar items which do not fit in viewing area moves to the popup container.

Extended - The overflowing toolbar items which do not fit in the available space can be viewed in the next row of the toolbar on clicking the expand icon.

MultiRow - The overflowing toolbar items which do not fit in viewing area will be displayed as an in-line of the toolbar.

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