Button
Componente de botón con variantes, tamaños y estados. Base de toda interacción en la UI.
Variantes
Cada variante comunica un nivel de jerarquía diferente.
Todas las variantes
Tamaños
Usa el tamaño apropiado según el contexto: sm para acciones secundarias, lg/xl para CTAs principales.
Todos los tamaños
Estados
Loading y Disabled
Props
| Prop | Tipo | Default | Descripción |
|---|---|---|---|
| variant | "primary" | "secondary" | "ghost" | "destructive" | "brand" | "primary" | Estilo visual del botón |
| size | "sm" | "md" | "lg" | "xl" | "icon" | "md" | Tamaño del botón |
| isLoading | boolean | false | Muestra spinner y deshabilita |
| disabled | boolean | false | Deshabilita interacción |