Fokuserede dialoger, der holder brugerne på sporet. Fokus flytter ind, bliver der, til dialogen lukker, og vender tilbage, hvor det var.
Hvorfor det hjælper
- Fokus håndteret
- Lukning med Escape og baggrund
- Viser enhver komponent
Hvor det passer
- Bekræftelser
- Redigeringsformularer
- Forespørgsler
Eksempel
<Button OnClick="() => _open = true">Open dialog</Button>
<Dialog @bind-Open="_open" Title="Delete item?">
<ChildContent>This action cannot be undone.</ChildContent>
<Actions>
<Button Variant="Variant.Outlined" OnClick="() => _open = false">Cancel</Button>
<Button OnClick="() => _open = false">Delete</Button>
</Actions>
</Dialog>
@code {
private bool _open;
}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.