Certaines actions sont des états, pas des événements. ToggleButton retient s’il est activé ou non et le signale aux technologies d’assistance, de sorte que les boutons gras, filtre et muet se comportent comme les utilisateurs s’y attendent.
Pourquoi c’est utile
- État activé et désactivé clair
- Annoncé correctement aux lecteurs d’écran
- Ressemble à vos autres boutons
Où il trouve sa place
- Gras et italique dans une barre d’outils
- Afficher ou masquer des filtres
- Actions muet et épingler
Exemple
<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 court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.
Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.