Blazor Toolbar Example - Overflow Handling
This sample demonstrates the available overflow modes in the Blazor Toolbar
.
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.