Button
Disparador de acciones con variantes gradiente, outline, ghost y danger en tres tamaños.
Variantes
Tamaños
Todas las combinaciones
primary
secondary
ghost
danger
Enlace y deshabilitado
Uso
<Button variant="primary" size="md">Click me</Button>
<Button href="/tokens" variant="secondary" size="md">View tokens</Button>
<Button variant="ghost">Ghost action</Button>
<Button variant="danger" size="lg">Delete</Button>
<Button variant="primary" size="sm" disabled>Disabled</Button>Props
| Prop | Tipo | Predeterminado | Descripción |
|---|---|---|---|
variant | 'primary' | 'secondary' | 'ghost' | 'danger' | 'primary' | Estilo visual del botón. |
size | 'sm' | 'md' | 'lg' | 'md' | Relleno y tamaño de fuente. |
href | string | — | Renderiza el botón como enlace <a> cuando se proporciona. |
type | 'button' | 'submit' | 'reset' | 'button' | Tipo nativo de botón (ignorado cuando se establece href). |
disabled | boolean | false | Deshabilita la interacción y aplica opacidad reducida. |