Algumas ações são estados, não eventos. ToggleButton lembra se está ligado ou desligado e informa isso às tecnologias assistivas, então botões de negrito, filtro e mudo se comportam como os usuários esperam.
Por que ajuda
- Estado claro de ligado e desligado
- Anunciado corretamente aos leitores de tela
- Parecido com seus outros botões
Onde se encaixa
- Negrito e itálico em uma barra de ferramentas
- Mostrar ou ocultar filtros
- Ações de silenciar e fixar
Exemplo
<Stack Align="center" Wrap="true">
<ToggleButton @bind-Pressed="_bold" Icon="IconName.Edit">Bold</ToggleButton>
<ToggleButton @bind-Pressed="_pinned" Icon="IconName.Bookmark" Color="ButtonColor.Success">Pinned</ToggleButton>
<ToggleButton Disabled="true">Disabled</ToggleButton>
<span>Bold: @_bold, pinned: @_pinned</span>
</Stack>
@code {
private bool _bold;
private bool _pinned = true;
}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.