Getting started

This page does not represent the design of Hedin.UI.

Installation Guide

This library is wrapping MudBlazor. Original installation guides can be found here. However, using Hedin.UI this guide needs to be followed.

Install the package

Install the latest version of the NuGet Hedin.UI.

Register Services

Add the following in Program.cs

Add configuration

Add the following in appsettings.json

Add font and style references

Add the following to your HTML head section, it's either index.html or _Layout.cshtml/_Host.cshtml depending on whether you're running WebAssembly or Server.

Add script reference

Add the following to your HTML beside the default blazor script

Add Imports

Add the following in your _Imports.razor

Register theme

Add the following to the top of MainLayout.razor.

You may override theme parameters and colors and utilize the Light theme. Please read more about how to configure your theme in our Guidelines section.

Usage

This library has its own custom components as well as exposing the original MudBlazor components. Both can be used.

HUI

Try out the HUIButton button component!

MudBlazor

Try out the MudBlazor button component!

An error has occurred. This app may no longer respond until reloaded. Reload 🗙

There was a problem with the connection!

(Current reconnect attempt: / )