Fokuserte dialoger som holder brukerne på rett spor. Fokus flyttes inn, blir der til dialogen lukkes og går tilbake dit det var.
Hvorfor det hjelper
- Fokus håndteres
- Lukkes med Escape og bakgrunn
- Viser enhver komponent
Hvor det passer
- Bekreftelser
- Redigeringsskjemaer
- Spørsmål
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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.
Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.