Button
Três cores, quatro variantes e três tamanhos. O formato de selo fica para o gesto final de assinar.
Variantes
Tamanhos, ícones e formatos
Props
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| variant | "default" | "soft" | "outline" | "ghost" | "default" | Peso visual. |
| color | "primary" | "secondary" | "danger" | "primary" | Intenção da ação. |
| size | "sm" | "md" | "lg" | "md" | Altura h-form-sm, h-form-md ou h-form-lg. |
| shape | "default" | "seal" | "pill" | "default" | seal só para assinar ou confirmar. |
| onlyIcon | boolean | false | Botão quadrado. Exige aria-label. |
| loading | boolean | false | Troca o ícone por um spinner e desabilita. |
| startIcon / endIcon | ReactNode | — | Ícone antes ou depois do texto. |
<Button shape="seal" size="lg" endIcon={<ArrowRight />}>Assinar documento</Button>