# ant-design-blazor **Repository Path**: mirrors_opencollective/ant-design-blazor ## Basic Information - **Project Name**: ant-design-blazor - **Description**: 🌈An enterprise-class UI components based on Ant Design and Blazor WebAssembly. - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-09-25 - **Last Updated**: 2026-03-08 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README
](http://godban.github.io/browsers-support-badges/) Edge / IE | [
](http://godban.github.io/browsers-support-badges/)Firefox | [
](http://godban.github.io/browsers-support-badges/)Chrome | [
](http://godban.github.io/browsers-support-badges/)Safari | [
](http://godban.github.io/browsers-support-badges/)Opera | [
](http://godban.github.io/browsers-support-badges/)Electron |
| :---------: | :---------: | :---------: | :---------: | :---------: | :---------: |
| Edge 16 / IE 11† | 522 | 57 | 11 | 44 | Chromium 57
> 由于 [WebAssembly](https://webassembly.org) 的限制,Blazor WebAssembly 不支持 IE 浏览器,但 Blazor Server 支持 IE 11†。 详见[官网说明](https://docs.microsoft.com/en-us/aspnet/core/blazor/supported-platforms?view=aspnetcore-3.1)。
## 💿 当前版本
- 开发构建: [](https://www.nuget.org/packages/AntBlazor/)
- 0.1.0:基本实现组件后发布。
## 🎨 设计规范
与 Ant Design 设计规范定期同步,你可以在线查看[同步日志](https://github.com/ElderJames/ant-design-blazor/actions?query=workflow%3A%22Style+sync+Bot%22)。
## 📦 安装
- 先安装 [.NET Core SDK](https://dotnet.microsoft.com/download/dotnet-core/3.1) 3.1.201 以上版本
- 安装 Blazor WebAssembly 模板
``` bash
$ dotnet new -i Microsoft.AspNetCore.Components.WebAssembly.Templates::3.2.0-preview3.20168.3
```
- 创建 Blazor WebAssembly 项目
```bash
$ dotnet new blazorwasm -o MyAntBlazorApp
```
- 进入应用的项目文件夹,安装 Nuget 包引用
```bash
$ cd MyAntBlazorApp
$ dotnet add package AntBlazor --version 0.1.0-*
```
- 在项目中注册:
```csharp
services.AddAntBlazor();
```
- 在 `wwwroot/index.html`(WebAssembly) 或 `Pages/_Host.razor`(Server) 中引入静态文件:
```html
```
- 在 `_Imports.razor` 中加入命名空间
```csharp
@using AntBlazor
```
- 最后就可以在`.razor`组件中引用啦!
```html