Bulma Usage

Step 1: Download Blazorise from NuGet

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

Step 2: Add Static Files

The next step is to change your index.html or _Host.cshtml file and include the CSS and JS source files:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.1/css/bulma.min.css" />
<link href="_content/Blazorise/blazorise.css" rel="stylesheet" />
<link href="_content/Blazorise.Bulma/blazorise.bulma.css" rel="stylesheet" />

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />

Step 3. Define Usings

In your main _Imports.razor add:
@using Blazorise

Step 4. Register Blazorise Services

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

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

Step 5. PWA & Offline Support (optional)

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