Un bouton qui ouvre une liste claire d’actions, se fermant à la sélection, avec Échap ou par un clic à l’extérieur.
Pourquoi c’est utile
- Liste d’actions simple
- Adapté au clavier
- Option de déclencheur icône seule
Où il trouve sa place
- Actions de ligne
- Barres d’outils
- Menus de débordement
Exemple
<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;
}Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.
Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.