Quando o espaço é curto, um ícone diz tudo. IconButton mostra só um ícone, mas sempre leva um rótulo que serve de nome acessível e de dica, então ninguém precisa adivinhar o que ele faz.
Por que ajuda
- Botão compacto de barra de ferramentas
- Nome acessível e dica embutidos
- Mesmas cores e estilos dos outros botões
Onde se encaixa
- Ações de linha de tabela
- Barras de ferramentas de editores
- Cantos de cartões
Exemplo
<Stack Align="center" Spacing="3">
<IconButton Icon="IconName.Edit" Label="Edit" />
<IconButton Icon="IconName.Copy" Label="Copy" Variant="Variant.Outlined" />
<IconButton Icon="IconName.Delete" Label="Delete" Color="ButtonColor.Danger" />
<IconButton Icon="IconName.Add" Label="Add" Variant="Variant.Filled" />
<IconButton Icon="IconName.Settings" Label="Settings" Size="Size.Small" Color="ButtonColor.Secondary" Variant="Variant.Filled" />
<IconButton Icon="IconName.Refresh" Label="Refresh" Size="Size.Large" />
</Stack>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.