Installation

Install package

Install the DuneUI NuGet package.

dotnet add package DuneUI

Install-Package DuneUI

Register services

Update your Program.cs (or Startup.cs) to register the DuneUI services.

using DuneUI;

builder.Services.AddDuneUI();

Update imports

Update your _ViewImports.cshtml to register the DuneUI Tag Helpers.

@using DuneUI.TagHelpers
@addTagHelper *, DuneUI

(Optional) Remove 3rd party stylesheets

Using DuneUI along with 3rd party CSS libraries like Bootstrap will almost certainly result in incorrect rendering of the DuneUI components, since these libraries apply their own styling which may override the styling applied by DuneUI.

As such, we strongly recommend that you remove 3rd party stylesheets and only depend on the CSS styling applied by DuneUI.

Start using the Tag Helpers

Start using the DuneUI Tag Helpers inside your Razor Pages or MVC Views. For example, the code snippet below adds an alert to your page.

<dui-alert>
    <dui-alert-title>Success! You have configured DuneUI correctly.</dui-alert-title>
</dui-alert>