Naar de inhoud
NAVIGATIE · FREE

Menu

Een knop die een duidelijke lijst met acties opent.

Een knop die een duidelijke lijst met acties opent en sluit bij selectie, Esc of een klik erbuiten.

Waarom het helpt

  • Eenvoudige actielijst
  • Toetsenbordvriendelijk
  • Optie voor trigger met alleen pictogram

Waar het past

  • Rijacties
  • Werkbalken
  • Overloopmenu's
Het besturingselement Menu op een RayCraft-pagina

Voorbeeld

<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;
}

Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.

Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.

Alle besturingselementen ยท Documentatie