在已有的Blazor Web App项目中使用Ant Design of Blazor 组件

Ant Design of Blazor官网：链接

Ant Design of Blazor为我们的Blazor Web App项目提供了一套丰富的组件

下面我就介绍怎么使用

在你的项目中使用NuGet下载AntDesign

 

 在program.cs文件中注册服务

builder.Services.AddAntDesign();

在App.razor的head中引入静态样式和脚本文件

<link href="_content/AntDesign/css/ant-design-blazor.css" rel="stylesheet" />
<script src="_content/AntDesign/js/ant-design-blazor.js"></script>

在_Imports.razor引用@using AntDesign之后，就可以在我们的razor组件中使用了，如

<Button Type="@ButtonType.Primary" @onclick="AddTodo">按钮</Button>

这里要注意Button首字母要大写，如果写成button就会被识别为html里的按钮