En knap, der åbner en tydelig liste af handlinger og lukker ved valg, Escape eller et klik udenfor.
Hvorfor det hjælper
- Enkel handlingsliste
- Tastaturvenlig
- Mulighed for udløser med kun ikon
Hvor det passer
- Rækkehandlinger
- Værktøjslinjer
- Overløbsmenuer
Eksempel
<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;
}Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.
Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.