New to Telerik UI for Blazor? Download Free 30-day trial
ToolBar - Adaptive
- EXAMPLE
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
default
Configurator
Use the slider below to resize the Toolbars and observe the available adaptive modes
Scroll Buttons
Scroll Buttons Layout
SplitAdaptive Mode Scroll
Adaptive Mode Menu
Adaptive Mode Section
- Adaptive.razor
Loading the demo source code...please wait.
Description
The Telerik UI for Blazor ToolBar can adapt to the size of its container and hide the overflowing items in a popup, section, or scrollable container. The feature is enabled by default with the OverflowMode set to ToolBarOverflowMode.Menu, but if you would like to disable it, set OverflowMode="ToolBarOverflowMode.None". You can also controll which items should move to the overflow popup and which should never hide using the Overflow parameter of the ToolBar items.
This Blazor ToolBar Adaptive example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for Blazor or ThemeBuilder.