Instalación

Video tutorial

1. Proceso de instalación

Nota
Elimine todas las referencias a los css que trae por defecto la plantilla del proyecto blazor.
Por defecto, se incluyen los estilos de bootstrap por lo que no deben ser referenciados nuevamente.

Instale los paquete Astrol.Component.Basic desde el NuGet de AstrolUI o referencia el proyecto a su solución.
Añada en la Configuración del Administrador de Paquetes NuGet de su Visual Studio el repositorio NuGet AstrolUi.
Origen: https://nuget.astrolui.com/v3/index.json (Consulte documentación de como configurar el orígenes de paquetes en Visual Studio)

Inserte los elementos .css a su index.html (WebAsembly) o al _Host.cshtml (BlazorServer):

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

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

Inserte los elementos .js en su archivo index.html (WebAssembly) o en su archivo _Host.cshtml (Blazor Server), justo antes de cerrar la etiqueta body:

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

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

Inyectar en el Main de la clase Program de su aplicación la clase AstrolJSInterop.

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>();