IconButton
Une action réduite à son icône.
label est obligatoire : une icône seule n'a pas de nom, et un lecteur d'écran annoncerait « bouton » sans dire lequel. Le libellé sert aussi d'infobulle — ce que l'icône signifie doit rester atteignable à la souris comme au clavier.
Installation
bash
sia-ui add icon-buttonOu par le paquet, sans rien copier :
tsx
import { IconButton } from "@sia-ui/react-web";Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
* icon | ReactNode | — | |
* label | string | — | |
radius | "none" | "full" | "default" | "sm" | "lg" | — | |
size | "sm" | "md" | "lg" | — | |
tooltip | Omit<TooltipProps, "children"> | — | |
variant | "solid" | "outline" | "ghost" | — |
* obligatoire.
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.