Um botão que abre uma lista clara de ações, fechando ao selecionar, com Esc ou com um clique fora.
Por que ajuda
- Lista simples de ações
- Amigável ao teclado
- Opção de gatilho só com ícone
Onde se encaixa
- Ações de linha
- Barras de ferramentas
- Menus de estouro
Exemplo
<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;
}Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.
Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.