Load

1. Demo PartialLoad

This component displays an animation within a parent component with the goal of conveying to the user the anticipation of a response after a specific action.

@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;

Supported parameters

Status (bool): Defines whether the animation is displayed.
Icon (string): Icon to be displayed (default is astrol-spin1).
- astrol-spinner
- astrol-spin1
- astrol-spin2
- astrol-spin3
- astrol-spin4
- astrol-spin5
- astrol-spin6

2. Demo AstrolLoad

This component displays an animation within a parent component with the goal of conveying to the user the anticipation of a response after a specific action.

@using Astrol.Component.Basic.Load

<AstrolLoad Status="statusLoad" />

@code {

 private bool statusLoad = true;