Fokussierte Dialoge, die Benutzer auf Kurs halten. Der Fokus wandert hinein, bleibt dort, bis der Dialog schließt, und kehrt dorthin zurück, wo er war.
Warum es hilft
- Fokus wird verwaltet
- Schließen mit Escape und Hintergrund
- Zeigt jede Komponente
Wo es passt
- Bestätigungen
- Bearbeitungsformulare
- Eingabeaufforderungen
Beispiel
<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;
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.