TDesignBlazor Download - TDesignBlazor Source code download

TDesignBlazor

Third-party components

0.7.1

Download

characteristic

? Refined from TDesign's interactive language and visual style of enterprise-level mid- and back-end products
? High-quality Blazor components out of the box, shared in multiple hosting methods
? Supports WebAssembly-based client and SignalR-based server UI event interaction
? Supports progressive web applications (PWA)
? Built with C#, multi-paradigm static languages bring an efficient development experience
Based on .NET 6/7, you can directly reference the rich .NET class library
? Can be seamlessly integrated with existing ASP.NET Core MVC and Razor Pages projects
? Based on MIT open source protocol

? Demo Demo

Online Demo
- http://tblazor.com
Source code running
- TDesign.Docs.ServerSide is server-side hosting
- TDesign.Docs.WebAssembly is pure client hosting

? Support environment

Support WebAssembly static file deployment
Mainstream 4 modern browsers, and Internet Explorer 11+ (limited to Blazor Server)
Can be run directly in Blazor hybrid client environments such as .NET MAUI, WPF, Windows Forms, etc.
Can be run directly on web-based environments such as Electron

Edge / IE	Firefox	Chrome	Safari	Opera	Electron
Edge 16 / IE 11†	522	57	11	44	Chromium 57

Due to WebAssembly restrictions, Blazor WebAssembly does not support IE browsers, but Blazor Server supports IE 11†. See the official website instructions for details. Starting with .NET 5, Blazor no longer officially supports IE 11. See Blazor: Updated browser support for details. Community project Blazor.Polyfill provides unofficial support.

? Install and use

Install directly from Nuget
```
 > Install-Package TDesign
```
Register a service in the project
```
 builder . Service . AddTDesign ( ) ;
```

Introduce static files in wwwroot/index.html (WebAssembly) or Pages/_Host.cshtml (Server):

 < link rel =" stylesheet " href =" _content/TDesign/tdesign-blazor.css " />

Add namespace to _Imports.razor
```
 @using TDesign
```

Add TDesignContainer component in App.razor for dynamic component rendering

 <Router AppAssembly="@typeof(App).Assembly">
    <Found Context="routeData">
        <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
        <FocusOnNavigate RouteData="@routeData" Selector="h1" />
    </Found>
    <NotFound>
        <PageTitle>Not found</PageTitle>
        <LayoutView Layout="@typeof(MainLayout)">
            <p role="alert">Sorry, there's nothing at this address.</p>
        </LayoutView>
    </NotFound>
</Router>

<!--增加组件-->
<TDesignContainer/>

Participate in contribution

If you are interested in participating in the contribution, please read the Contribution Guide first
If you have any questions, please feel free to provide feedback through Github issues
Provide real-time boards for current progress

Our Contributors Thank you very much for your hard work for every project contributor

? Community support

If you have any problems along the way, please seek help through the following channels:

Author's email: [[email protected]]
Author WeChat: playermaker (please indicate the source)
Official WeChat: TDesignBlazor Official Group
Exchange forum: https://github.com/tdesign-blazor/TDesignBlazor/discussions

Experienced users are encouraged to help newbies and will award medals.

Code of conduct

This project adopts a code of conduct defined by the Contributor’s Contract to clarify the expected behavior in our community. Please read the code of conduct carefully.