Un botón que abre una lista clara de acciones, y se cierra al seleccionar, con Esc o con un clic fuera.
Por qué ayuda
- Lista de acciones simple
- Cómodo con teclado
- Opción de disparador solo con icono
Dónde encaja
- Acciones de fila
- Barras de herramientas
- Menús de desbordamiento
Ejemplo
<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 breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.
Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.