Algunas acciones son estados, no eventos. ToggleButton recuerda si está activado o desactivado y se lo comunica a las tecnologías de asistencia, así los botones de negrita, filtro y silencio se comportan como esperan los usuarios.
Por qué ayuda
- Estado claro de activado y desactivado
- Anunciado correctamente a lectores de pantalla
- Se ve como el resto de tus botones
Dónde encaja
- Negrita y cursiva en una barra de herramientas
- Mostrar u ocultar filtros
- Acciones de silenciar y fijar
Ejemplo
<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;
}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.