DOCSEARCHbyAlgolia
Submit Docs

Syncfusion Blazor Components Samples

repository·master·Indexed 43 days ago

https://github.com/syncfusion/blazor-samples

A comprehensive collection of demos and implementation patterns for Syncfusion Blazor Components. Supports .NET 8, 9, and 10 across Server and WebAssembly (WASM) hosting models. Includes examples for smart AI components, data management tools like DataGrid and Pivot Table, data visualization, scheduling, and navigation components.

Tokens
1.6K
Snippets
1
Records
8
Agent score
6%

What's inside Syncfusion Blazor

  1. How to run the Syncfusion Blazor demos

    master

    The repository is organized into specific folders based on the hosting model and .NET version. The Common folder contains shared assets (samples, static web assets, resources) used by both Server and WASM demos.

    Project Structure

    • Blazor-Server-Demos: Contains solution and project files for Blazor Server demos.
    • Blazor-WASM-Demos: Contains solution and project files for Blazor WebAssembly (WASM) demos.
    • Common: Contains shared files applicable to both hosting models.

  2. Browse the Blazor Components Catalog

    master

    The Syncfusion Blazor Components Catalog provides a categorized list of available UI components, ranging from AI-powered smart components to complex data visualization and navigation tools. Each component link directs to its specific documentation and getting started guides.

    Component Categories:

    • Smart Components: AI-enhanced tools like Smart Paste Button, Smart TextArea, and Smart Rich Text Editor.
    • Interactive Chat: AI-driven interfaces including AI AssistView, Chat UI, and Inline AI Assist.
    • Data Management: High-performance data tools such as DataGrid, Pivot Table, TreeGrid, Query Builder, Pager, and ListView.
    • File Viewers & Editors: Content editing tools like Rich Text Editor, Image Editor, Markdown Editor, and Block Editor.
    • Layout: Structural components including Card, Dashboard Layout, Dialog, Splitter, Timeline, and Tooltip.
    • Data Visualization: Extensive charting and graphing options like Charts, 3D Chart, Barcode Generator, Bullet Chart, Gauges, HeatMap, Sparklines, and Stock Charts.
    • Diagrams and Maps: Visual relationship and geographic tools like Diagram, TreeMap, and Maps.
    • Buttons & Actions: Interaction elements such as Button, ButtonGroup, Chips, Floating Action Button, and Speed Dial.
    • Scheduling & Calendars: Time-based components like Scheduler, Gantt Chart, Calendar, and various Date/Time Pickers.
    • Inputs: Form elements including CheckBox, Color Picker, Signature, Input Mask, Numeric TextBox, and RadioButton.
    • File Management: Tools for handling files like File Upload and File Manager.
    • Forms: Data entry structures like Data Form.
    • Kanban: Task management via the Kanban component.
    • Dropdowns: Selection components such as AutoComplete, ComboBox, Dropdown List, and MultiSelect DropDown.
    • Navigation: Wayfinding components like Accordion, Breadcrumb, Carousel, Sidebar, Tabs, and Toolbar.
    • Notification: Feedback mechanisms including Message, Progress Bar, Toast, Spinner, Skeleton, and Badge.

  4. Licensing Syncfusion Blazor Components

    master

    Syncfusion® Blazor Components are available under the Syncfusion® Essential Studio program. You must possess a valid license to use the product. There are two primary licensing paths:

    1. Syncfusion® Community License Program: Available for organizations with less than $1,000,000 USD in annual gross revenue and fewer than five (5) developers.
    2. Commercial License: For organizations that do not meet the Community License requirements. Contact sales@syncfusion.com for options.

    Full terms and conditions can be found in the Syncfusion License PDF.

  6. Get Support and Provide Feedback

    master

    If you encounter issues or have questions regarding Syncfusion Blazor Components, use the following channels:

  8. Run the demo using .NET CLI

    master

    Navigate to the demo's directory in your command prompt and use the dotnet run command targeting the specific project file for your desired .NET version and hosting model.

    # .NET 8 Blazor Web App Server Demos
dotnet run --project Blazor-Server-Demos/Blazor_Server_Demos_NET8.csproj

# .NET 9 Blazor Web App Server Demos
dotnet run --project Blazor-Server-Demos/Blazor_Server_Demos_NET9.csproj

# .NET 10 Blazor Web App Server Demos
dotnet run --project Blazor-Server-Demos/Blazor_Server_Demos_NET10.csproj

# .NET 8 Blazor Web App WASM Demos
dotnet run --project Blazor-WASM-Demos/Blazor_WASM_Demos/Blazor_WASM_Demos_NET8.csproj

# .NET 9 Blazor Web App WASM Demos
dotnet run --project Blazor-WASM-Demos/Blazor_WASM_Demos/Blazor_WASM_Demos_NET9.csproj

# .NET 10 Blazor Web App WASM Demos
dotnet run --project Blazor-WASM-Demos/Blazor_WASM_Demos/Blazor_WASM_Demos_NET10.csproj