appsActions
IconButton
Bouton rond de 40px qui ne porte qu'une icône de 24px, pour les actions compactes.
Aperçu en direct
Spécimen de référence. Le contenu des exemples est celui des fiches Pelote, en français.
ExpressiveRéférence
Rafraîchir les conteneurs
UX / UIRègles illustrées
check_circleÀ faire
Fermer
Icône universelle, aria-label et tooltip au survol.cancelÀ éviter
Une rangée d'icônes métier sans libellé : personne ne devine « Rebuild » ou « Firewall ».Variante M3EMême composant, mêmes rôles, autre matière
infoSpécimen de référence. Le contenu des exemples est celui des fiches Pelote, en français.
Bouton rond de 40px qui ne porte qu'une icône de 24px, pour les actions compactes et répétées (fermer, menu, rafraîchir).
Ce que fournit le consommateur
L'icône et un aria-label obligatoire, plus un tooltip au survol sur le web.
Règles
- Variantes : standard (transparent,
on-sv), tonal, filled, outlined.
- 40px sur le web, 48px (
lg) sur mobile.
- Une action lisible seulement par icône doit être universelle (fermer, rechercher, plus). Sinon, bouton avec libellé.