Installation

Video tutorial

1. Installation process

Note
Delete all references to the CSS that the blazor project template comes with by default.
By default, bootstrap styles are included so they should not be referenced again.

Install the package Astrol.Component.Basic from AstrolUI's NuGet or reference the project in your solution.
Add the NuGet AstrolUi repository to the NuGet Package Manager Settings in your Visual Studio.
Source: https://nuget.astrolui.com/v3/index.json (Refer to documentation on how to configure package sources in Visual Studio)

Insert the .css elements into your index.html (WebAssembly) or _Host.cshtml (Blazor Server):

<!-- Reference to the UI themes. -->

<link href="_content/Astrol.Component.Basic/css/astrol-basic.min.css" rel="stylesheet" />

Insert the .js elements in your index.html (WebAssembly) file or in your _Host.cshtml (Blazor Server) file, just before closing the body tag.

<!-- Reference to the interact.js library to enhance the user experience. -->

<script src="_content/Astrol.Component.Basic/js/interact.min.js"></script>

Inject the AstrolJSInterop class in the Main method of the Program class of your application.

using Astrol.JSInterop.Base;

public static async Task Main(string[] args) {

 //...

 //...

 ConfigureServices(builder.Services);//Add the method

 //...

 //...

private static void ConfigureServices(IServiceCollection services) { //New method

 services.AddScoped<AstrolJSInterop>();