Button
Componente interativo para ações. Baseado em Radix UI + CVA.
Variantes
Todas as variantes
<Button variant="default">Default</Button>
<Button variant="secondary">Secondary</Button>
<Button variant="outline">Outline</Button>
<Button variant="ghost">Ghost</Button>
<Button variant="link">Link</Button>
<Button variant="destructive">Destructive</Button>Tamanhos
sm (24px) / default (28px) / lg (32px)
Estados
Normal / Disabled / Loading
Com Ícone
Props
| Prop | Tipo | Default | Descrição |
|---|---|---|---|
| variant | default | secondary | outline | ghost | link | destructive | default | Estilo visual |
| size | default | sm | lg | icon | default | Tamanho |
| asChild | boolean | false | Renderiza como filho (Radix Slot) |
| disabled | boolean | false | Estado desabilitado |