Blazor-DnetBlazor
[删除(380066935@qq.com或微信通知)]
datalnet/DnetBlazor: Blazor component library (github.com)
DnetBlazor
Blazor component library. All components are written in C#.
Demo
Compatibility
.Net 6.0. Updated to 6.0.4
Server-side Blazor and Blazor WASM
Documentation
No documentation available yet, but many examples in the source code.
Using the library
Installation
- Install Nuget package Dnet.Blazor
- Add the following script reference to your Index.html(WASM) or _Host.cshtml (Blazor Server):
<script src="_content/Dnet.Blazor/rxjs.min.js"></script>
<script src="_content/Dnet.Blazor/dnet-blazor.js"></script>
- Add the following link reference Index.html (WASM) or _Host.cshtml (Blazor Server):
<link href="_content/Dnet.Blazor/dnet-blazor-styles.css" rel="stylesheet" />
- Add the following to the MainLayout.razor
<DnetOverlay BaseZindex="YourZIndexValue"></DnetOverlay>
Many of the components in the library are based on the Dnet.Blazor.Overlay component. The overlay provides a way to open floating panels on the screen. Manages positioning, zindex, backdrops, etc.
BaseZindex: Base z-index use by the Overlay component to display components on the screen. Providing this guarantees that components will open with the correct z-index.
eg.
<DnetOverlay BaseZindex="1100"></DnetOverlay>
- Add the following to the Program.cs
using Dnet.Blazor.Infrastructure.Services;
builder.Services.AddDnetBlazor();