# MalioButtonIcon Bouton contenant uniquement une icône, sans texte. Utilisé pour des actions rapides et compactes (retour, modifier, supprimer, etc.). ------------------------------------------------------------------------ ## Props détaillées ### id - Type: string - Description: Identifiant HTML du bouton. - Comportement: Si non fourni, un id unique est généré automatiquement. ### icon - Type: string - **Requis** - Description: Nom de l'icône Iconify (ex: `mdi:arrow-left`). ### ariaLabel - Type: string - **Requis** - Description: Label d'accessibilité du bouton. Obligatoire car le bouton n'a pas de texte visible. ### iconSize - Type: string | number - Défaut: 24 - Description: Taille de l'icône en pixels. ### buttonClass - Type: string - Description: Classes CSS additionnelles appliquées au bouton. ### disabled - Type: boolean - Description: Désactive le bouton. ### variant - Type: `'filled' | 'ghost'` - Défaut: `filled` - Description: Variante visuelle du bouton. - `filled` : fond coloré, icône blanche. - `ghost` : sans fond, icône colorée. ------------------------------------------------------------------------ ## Comportement visuel ### Variante `filled` (défaut) - **Default** : fond `#222783`, icône blanche - **Hover** : fond `#121CDB` - **Active** : fond `#212567` - **Disabled** : fond `#CCCCDF` ### Variante `ghost` - **Default** : icône `#222783`, sans fond - **Hover** : icône `#121CDB` - **Active** : icône `#212567` - **Disabled** : icône `#CCCCDF` ------------------------------------------------------------------------ ## Accessibilité - `aria-label` est requis pour décrire l'action du bouton. - `type="button"` pour éviter les soumissions de formulaire accidentelles. ------------------------------------------------------------------------ ## Events ### click - Émis au clic sur le bouton. - Non émis si le bouton est `disabled`. - Retourne l'événement `MouseEvent` natif.