En knapp som åpner en tydelig liste med handlinger og lukkes ved valg, Escape eller et klikk utenfor.
Hvorfor det hjelper
- Enkel handlingsliste
- Tastaturvennlig
- Alternativ med utløser med bare ikon
Hvor det passer
- Radhandlinger
- Verktøylinjer
- Overflytmenyer
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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.
Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.