En knapp som öppnar en tydlig lista med åtgärder och stängs vid val, Escape eller ett klick utanför.
Varför det hjälper
- Enkel åtgärdslista
- Tangentbordsvänlig
- Alternativ med utlösare med bara ikon
Var det passar
- Radåtgärder
- Verktygsfält
- Överflödesmenyer
Exempel
<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;
}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.