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 6 WebAssembly Workload / NET 8 WebAssembly Workload (For PDF Viewer Component)

• Nodejs Version : 10.24.* or above

How to run the demo

Clone the repository. This repository contains Blazor Server demos(.NET 6 and .NET 8), Blazor WASM demos(.NET 6 and .NET 8), Blazor Web App demos(.NET 8) and Blazor MAUI demos(.NET 8) project and solution files. This repository has Common, Blazor Server Demos, Blazor WASM Demos and Blazor Web App 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.
• Blazor-WebApp-Demos folder has solution and project files to run Blazor Web app(InteractiveMode Auto) demos.
• Blazor-MAUI-Demos folder has project file to run Blazor MAUI demos(Android).
• The Common folder contains all the common files (i.e., samples, static web assets, resources) which are applicable for Blazor Server demos(.NET 6 and .NET 8), Blazor WASM demos(.NET 6 and .NET 8) and Blazor Web App demos(.NET 8).

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 8 Blazor Server Demos project

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

  To run .NET 6 Blazor WASM Demos project

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

  To run .NET 8 Blazor WASM Demos project

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

  To run .NET 8 Blazor WebApp Demos project(InteractiveMode Auto)

  dotnet run --project Blazor-WebApp-Demos/Blazor_WebApp_Demos/Blazor_WebApp_Demos.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 - Preview Smart TextArea - Preview   GRIDS DataGrid Pivot Table TreeGrid   FILE VIEWERS & EDITORS InPlace Editor RichTextEditor Markdown Editor Image Editor Word Processor PDF Viewer PDF Viewer (NextGen)   DOCUMENT PROCESSING LIBRARIES Word (DocIO) PDF PowerPoint (Presentation) Excel (XlsIO)   LAYOUT Card Dashboard Layout Dialog Predefined Dialogs ListView Splitter Timeline Tooltip Media Query Avatar

DATA VISUALIZATION Charts 3D Chart 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   INTERACTIVE CHAT AI AssistView - Preview

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 TextArea TextBox Toggle Switch Button Rating OTP Input   FORMS Query Builder Data Form

DROPDOWNS AutoComplete ComboBox Dropdown List Dropdown Tree ListBox Multiselect DropDown Mention MultiColumn ComboBox - Preview   NAVIGATION Accordion Breadcrumb Carousel Context Menu File Manager Menu Bar Pager 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 [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 - Server
• Blazor Live Demos - WebAssembly
• Blazor Live Demos - Web app(InteractiveMode Auto) demos
• Blazor Playground
• Blazor Smart/AI Samples