LoadingIndicator

Example

Simple wait - 250 ms Long wait - 2500 ms Reset

Result:

Code

Razor (cshtml, Razor)

<LoadingIndicator @ref="loading" InitialDelay="500" ShowModalBackground="true" />
<button class="btn btn-primary" @onclick="simpleWait">Simple wait - 250 ms</button>
<button class="btn btn-primary" @onclick="longWait">Long wait - 2500 ms</button>
<button class="btn btn-primary" @onclick="Reset">Reset</button>
<br />
<br />

Result: @result

C#

private LoadingIndicator loading { get; set; } = new();
private string result { get; set; } = "";

private async Task simpleWait()
{
    loading.Show();
    await Task.Delay(250);
    result = "simpleWait is done";
    loading.Hide();
}

private async Task longWait()
{
    loading.Show();
    await Task.Delay(2500);
    result = "longWait is done";
    loading.Hide();
}

private void Reset()
{
    result = "";
}