Button
Bouton d'action avec plusieurs variantes et tailles. Supporte le rendu polymorphe via asChild.
Preview interactive
Variant
Size
Variantes
Six variantes disponibles : default, destructive, outline, secondary, ghost et link.
Tailles
Six tailles : default, sm, lg, icon, touch (mobile-friendly h-12) et icon-touch.
Disabled
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "default" | Le style visuel du bouton. |
| size | "default" | "sm" | "lg" | "icon" | "touch" | "icon-touch" | "default" | La taille du bouton. Les variantes touch ont un min-height de 48px pour les cibles tactiles. |
| asChild | boolean | false | Si true, le bouton rend son enfant direct au lieu d'un <button>. Utile pour wrapper un <Link>. |
| disabled | boolean | false | Desactive le bouton (opacity reduite, pointer-events desactives). |
| className | string | — | Classes CSS additionnelles. |