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

• Nodejs Version : 10.24.* or above

How to run the demo

Clone the repository. This repository contains both Blazor Server demos and Blazor WASM demos with .NET Core 3.1 and .NET 6 project and solution files. This repository has Common, Blazor Server Demos and Blazor WASM Demos folder.

• 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.
• Blazor-WASM-Hosted-Demos folder has solution and project files to run Blazor WebAssembly Hosted demos.
• The Common folder contains all the common files (i.e., samples, static web assets, resources) which are applicable for Blazor Server Demos, Blazor WebAssembly Demos and Blazor WebAssembly Hosted 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 6 Blazor Server Demos project

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

  To run .NET 7 Blazor Server Demos project

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

  To run .NET 6 Blazor WASM Demos project

  dotnet run --project Blazor-WASM-Demos/Blazor_WASM_Demos_NET6.csproj

  To run .NET 7 Blazor WASM Demos project

  dotnet run --project Blazor-WASM-Demos/Blazor_WASM_Demos_NET7.csproj

  To run .NET 6 Blazor WASM-Hosted Demos project

  dotnet run --project Blazor-WASM-Hosted-Demos/Server/Blazor_WASM_Hosted_Demos_NET6.Server.csproj

  To run .NET 7 Blazor WASM-Hosted Demos project

  dotnet run --project Blazor-WASM-Hosted-Demos/Server/Blazor_WASM_Hosted_Demos_NET7.Server.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

GRIDS DataGrid Pivot Table TreeGrid   FILE VIEWERS & EDITORS InPlace Editor RichTextEditor Image Editor - Preview Word Processor PDF Viewer PDF Viewer (NextGen) - Preview   DOCUMENT PROCESSING LIBRARIES Word (DocIO) PDF PowerPoint (Presentation) Excel (XlsIO)   LAYOUT Card Dashboard Layout Dialog Predefined Dialogs ListView Splitter Tooltip Media Query Avatar

DATA VISUALIZATION Charts Barcode Generator Bullet Chart Circular Gauge Arc Gauge Diagram HeatMap Chart Kanban Linear Gauge Maps Range Selector Smith Chart Sparkline Charts Stock Chart TreeMap   BUTTONS Button ButtonGroup Chips Floating Action Button Dropdown Menu Progress Button SplitButton Speed Dial

CALENDARS Scheduler Gantt Chart Calendar DatePicker DateRangePicker DateTime Picker TimePicker   INPUTS CheckBox Color Picker Color Palette Signature File Upload Input Mask Numeric TextBox RadioButton Range Slider TextBox Toggle Switch Button Rating   FORMS Query Builder

DROPDOWNS AutoComplete ComboBox Dropdown List ListBox Multiselect DropDown Mention   NAVIGATION Accordion Breadcrumb Carousel Context Menu File Manager Menu Bar Pager Sidebar Tabs Toolbar TreeView AppBar   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 [email protected] 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 [email protected].

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

See also

• Blazor documentation
• Blazor components
• Blazor live demos
• Blazor Playground