Eine Schaltfläche, die eine klare Liste von Aktionen öffnet und bei Auswahl, Escape oder Klick außerhalb schließt.
Warum es hilft
- Einfache Aktionsliste
- Tastaturfreundlich
- Option für Auslöser nur mit Symbol
Wo es passt
- Zeilenaktionen
- Symbolleisten
- Überlaufmenüs
Beispiel
<Menu Icon="IconName.MoreVertical" Label="More actions" ButtonVariant="Variant.Text">
<MenuItem Icon="IconName.Edit" OnClick="@(() => _last = "Edit")">Edit</MenuItem>
<MenuItem Icon="IconName.Copy" OnClick="@(() => _last = "Duplicate")">Duplicate</MenuItem>
</Menu>
<p>Last action: @(_last ?? "none")</p>
@code {
private string? _last;
}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.