Syncfusion® Blazor Component Examples

This repository contains the demos of Syncfusion Blazor Components. This is the best place to check the controls to get more insight into the usage of APIs.

The following topics can help you to use the Syncfusion Blazor Components and run this application in your local.

• Requirements to run the demo
• How to run the demo
• Blazor Documentation
• Blazor Components Catalog
• License
• Support and feedback

Requirements to run the demo

• System requirements

• NET 8 WebAssembly Workload / NET 9 WebAssembly Workload

• Nodejs Version : 10.24.* or above

How to run the demo

Clone the repository. This repository contains Blazor Web App Server demos, Blazor Web App WASM demos and solution files for .NET 8 and .NET 9. This repository has Common, Blazor Web App Server Demos and Blazor Web App WASM Demos folders.

• Blazor-Server-Demos folder has solution and project files to run Blazor server demos.
• Blazor-WASM-Demos folder has solution and project files to run Blazor WebAssembly demos.
• The Common folder contains all the common files (i.e., samples, static web assets, resources) which are applicable for Blazor Web App Server demos and Blazor Web App WASM demos.

Run the demo using .NET CLI

• Open the command prompt from the demo's directory.

• Run the demo using the following command.

  To run .NET 8 Blazor Web App Server Demos project

  dotnet run --project Blazor-Server-Demos/Blazor_Server_Demos_NET8.csproj

  To run .NET 9 Blazor Web App Server Demos project

  dotnet run --project Blazor-Server-Demos/Blazor_Server_Demos_NET9.csproj

  To run .NET 8 Blazor Web App WASM Demos project

  dotnet run --project Blazor-WASM-Demos/Blazor_WASM_Demos/Blazor_WASM_Demos_NET8.csproj

  To run .NET 9 Blazor Web App WASM Demos project

  dotnet run --project Blazor-WASM-Demos/Blazor_WASM_Demos/Blazor_WASM_Demos_NET9.csproj

Run the demo using Visual Studio

• Open the solution file using Visual Studio.
• Press Ctrl + F5 to run the demo.

Run the demo using Visual Studio code

• Open the Visual Studio code from the demos directory where the project file is present.

  Ensure the C# for Visual Studio Code extension is installed in your Visual Studio code before running the Blazor demos.

• Press Ctrl + F5 to run the demo.

Blazor Components Catalog

SMART COMPONENTS Smart Paste Button Smart TextArea   INTERACTIVE CHAT AI AssistView Chat UI - Preview   DATA MANAGEMENT DataGrid Pivot Table TreeGrid Query Builder Pager ListView   FILE VIEWERS & EDITORS Rich Text Editor Image Editor Dialog   LAYOUT Card Dashboard Layout Dialog Predefined Dialogs Splitter Timeline Tooltip Media Query Avatar

DATA VISUALIZATION Charts 3D Chart Barcode Generator Bullet Chart Circular Gauge Arc Gauge HeatMap Chart Linear Gauge Range Selector Smith Chart Sparkline Charts Stock Chart Sankey   DIAGRAMS AND MAPS Diagram TreeMap Maps   BUTTONS & ACTIONS Button ButtonGroup Chips Floating Action Button Dropdown Menu Progress Button SplitButton Speed Dial Toggle Switch Button

SCHEDULING & CALENDARS Scheduler Gantt Chart Calendar DatePicker DateRangePicker DateTime Picker TimePicker   INPUTS CheckBox Color Picker Color Palette Signature Input Mask Numeric TextBox RadioButton Range Slider TextArea TextBox Rating OTP Input Speech To Text InPlace Editor   FILE MANAGEMENT File Upload File Manager   FORMS Data Form   KANBAN Kanban

DROPDOWNS AutoComplete ComboBox Dropdown List Dropdown Tree ListBox Multiselect DropDown Mention MultiColumn ComboBox   NAVIGATION Accordion Breadcrumb Carousel Context Menu Ribbon Menu Bar Sidebar Tabs Toolbar TreeView AppBar Stepper   NOTIFICATION Message Progress Bar Toast Spinner Skeleton Badge

License

Syncfusion® Blazor Components is available under the Syncfusion® Essential Studio program, and can be licensed either under the Syncfusion® Community License Program or the Syncfusion commercial license.

To be qualified for the Syncfusion® Community License Program, you must have gross revenue of less than one (1) million U.S. dollars (USD 1,000,000.00) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion's terms and conditions.

Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.

You may not use this product without first purchasing a Community License or a Commercial License, as well as agreeing to and complying with Syncfusion's license terms and conditions.

The Syncfusion® license that contains the terms and conditions can be found at https://www.syncfusion.com/content/downloads/syncfusion_license.pdf

Support and feedback

• For any other queries, reach the Syncfusion® support team or post the queries through the community forums.

• To renew the subscription, click here or contact our sales team at salessupport@syncfusion.com.

• Don't see what you need? Please request it in our feedback portal.

See also

• Blazor Documentation
• Blazor Components
• Blazor Live Demos - Server
• Blazor Live Demos - WebAssembly
• Blazor Playground
• Blazor Smart/AI Samples