Quand la place manque, une icône dit tout. IconButton n’affiche qu’une icône, mais porte toujours un libellé qui sert à la fois de nom accessible et d’info-bulle, si bien que personne ne devine ce qu’il fait.
Pourquoi c’est utile
- Bouton compact de barre d’outils
- Nom accessible et info-bulle intégrés
- Mêmes couleurs et styles que les autres boutons
Où il trouve sa place
- Actions de ligne de tableau
- Barres d’outils d’éditeur
- Coins de cartes
Exemple
<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>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.