Button

O @button renderiza um botão com variantes de estilo, suporte a links e tamanhos.

Uso básico

```seed
@button variant=primary
  Clique aqui

@button variant=secondary
  Cancelar
```

Variante	Aparência
	Fundo indigo, texto branco
	Fundo cinza claro, texto escuro
	Menor (px-4 py-2 text-sm)
	Maior (px-10 py-4 text-base)
	Extra grande (px-12 py-5 text-lg)

Use href para transformar o botão em um link:

```seed
@button variant=primary, href=/cadastro
  Criar conta

@button variant=secondary, href=https://github.com, target=_blank
  Ver no GitHub
```

O Seed envolve automaticamente o <button> em um <a>:

```html
<a href="/cadastro">
  <button class="... bg-indigo-600 ...">Criar conta</button>
</a>
```

ℹ️

Quando target=_blank é usado, o atributo rel="noopener noreferrer" é adicionado automaticamente por segurança.

```seed
@button variant=primary large
  Botão grande primário

@button variant=secondary small
  Botão pequeno secundário
```

```seed
@button variant=primary, class=w-full
  Botão de largura total
```

Qualquer prop não reservada vira atributo HTML:

```seed
@button variant=primary, type=submit, form=meu-form, disabled
  Enviar
```