Load

1. Demo PartialLoad

Este componentes muestra una animación dentro de un componente padre con el objetivo transmitir al usuario la espera de una respuesta tras determinada acción.

@using Astrol.Component.Basic.Load

<div style="height:150px;width:150px;overflow:hidden;position:relative;border:1px solid var(--color-dark);">

 <PartialLoad Status="statusPartialLoad" Icon="astrol-spin4" />

</div>

@code {

 private bool statusPartialLoad = true;

Parámetros que admite

Status (bool), define si se muestra la animación.
Icon (string), ícono a mostrar (si no se establece por defecto es astrol-spin1).
- astrol-spinner
- astrol-spin1
- astrol-spin2
- astrol-spin3
- astrol-spin4
- astrol-spin5
- astrol-spin6

2. Demo AstrolLoad

Este componentes muestra una animación dentro de un componente padre con el objetivo transmitir al usuario la espera de una respuesta tras determinada acción.

@using Astrol.Component.Basic.Load

<AstrolLoad Status="statusLoad" />

@code {

 private bool statusLoad = true;