Gør siden mørkere for at samle opmærksomheden, eller blot en del af den, og placér indhold som en indlæsningsindikator ovenpå.
Hvorfor det hjælper
- Hel side eller et område
- Indhold ovenpå
- Enkel
Hvor det passer
- Indlæsning
- Modalt fokus
- Forhåndsvisninger
Eksempel
<Button Variant="Variant.Outlined" OnClick="Run">Load for 2 seconds</Button>
<div style="position:relative;min-height:8rem" class="doc-demo-box">
Content that is covered while loading.
<Overlay Visible="_busy" Absolute="true"><Stack Align="center"><Spinner /><span>Loading…</span></Stack></Overlay>
</div>
@code {
private bool _busy;
private async Task Run()
{
_busy = true;
StateHasChanged();
await Task.Delay(2000);
_busy = false;
}
}Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.
Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.