Example of Default Functionalities in Blazor Toolbar Component

Toolbar / Default Functionalities

This sample demonstrates the default functionalities of the Blazor Toolbar.

The Blazor Toolbar is a graphical control on which commands/buttons will be displayed in horizontal order. By default, scrolling mode is enabled when content exceeds the available view area.


You can use left/right navigation icon or touch swipe to see the hidden commands of the Toolbar.

  • Initially, the toolbar is rendered with the left and right navigation icon, and you can see hidden commands by moving in the right or left direction.
  • When you reach right/left end of toolbar, corresponding navigation direction will be disabled.
  • You can continuously scroll the toolbar content by holding on the navigation icon.
  • On mobile devices, navigation icons are not available. You can touch swipe to see the hidden commands 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