Button
L'action, sous toutes ses formes.
Le chargement y est un état et non un remplacement : le bouton garde sa taille et son libellé pendant l'appel. Un bouton qui devient un rond tournant fait bouger la mise en page, et le clic suivant tombe à côté.
Installation
bash
sia-ui add buttonOu par le paquet, sans rien copier :
tsx
import { Button } from "@sia-ui/react-web";Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
leftIcon | ReactNode | — | |
loading | boolean | — | |
loadingLabel | string | — | |
radius | "none" | "full" | "default" | "sm" | "lg" | — | |
rightIcon | ReactNode | — | |
size | "sm" | "md" | "lg" | — | |
spinnerProps | Omit<SpinnerProps, "label"> | — | |
tone | ComponentTone | — | Le ton sémantique de l'action. .sia-button--danger existait dans la feuille de style sans qu'aucune prop ne permette de l'atteindre : une action de suppression ne pouvait pas être rouge sans className manuel. |
tooltip | Omit<TooltipProps, "children"> | — | |
variant | "solid" | "outline" | "ghost" | — |
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.