Fokuserade dialoger som håller användarna på rätt spår. Fokus flyttas in, stannar där tills dialogen stängs och återgår dit det var.
Varför det hjälper
- Fokus hanteras
- Stängs med Escape och bakgrund
- Visar vilken komponent som helst
Var det passar
- Bekräftelser
- Redigeringsformulär
- Frågor
Exempel
<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;
}Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.
Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.