Blazorise Ant Design Usage

Quickly install Blazorise with Ant Design, one of the world's most popular Blazor UI framework.

Install Packages

First step is to install a AntDesign provider for Blazorise:
Install-Package Blazorise.AntDesign
You also need to install the icon package:
Install-Package Blazorise.Icons.FontAwesome

Add Static Files

The next step is to change your index.html or _Layout.cshtml / _Host.cshtml file and include the CSS and JS source files:
<link rel="stylesheet" href="" integrity="sha256-nzhI/tsi9npc5ir08wCgBpg43SEIrc7crRJLsHE0/60=" crossorigin="anonymous" />
<link rel="stylesheet" href="">

<link href="_content/Blazorise/blazorise.css" rel="stylesheet" />
<link href="_content/Blazorise.AntDesign/blazorise.antdesign.css" rel="stylesheet" />

Add Imports

In your main _Imports.razor add:
@using Blazorise

Register Services

Add the following lines to the relevant sections of Program.cs.
using Blazorise;
using Blazorise.AntDesign;
using Blazorise.Icons.FontAwesome;

    .AddBlazorise( options =>
        options.Immediate = true;
    } )

PWA & Offline Support (optional)

For information about PWAs & offline support, please take a look at our PWA docs.

On this page