How to Add Syncfusion Blazor Toolbar to a Blazor Server App

A quick overview on how to create and configure Syncfusion Blazor Toolbar in a Blazor server app using Visual Studio 2019. Blazor Toolbar is a collection of clickable icons, buttons or some input elements that performs specific functions, when you click on them. So, in this video, you will learn how to add a simple Blazor Toolbar to a Blazor server app, and then see how to set prefix icons, separators, and display mode. Finally, you will learn how to add input-based components like Numeric Textbox and Dropdown List to the Blazor Toolbar.

Example: https://blazor.syncfusion.com/demos/toolbar/default-functionalities

Documentation: https://blazor.syncfusion.com/documentation/toolbar/getting-started

Project pre-requisites

Make sure that you have the compatible versions of Visual Studio 2019 and .NET Core SDK latest version(3.1.2) in your machine before starting to work on this project.

How to run this application?

To run this application, you need to first clone the create-blazor-toolbar-in-blazor-server-app repository and then open it in Visual Studio 2019. Now, simply build and run your project to view the output.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!