Formulário

Button

Botão interativo com múltiplas variantes, tamanhos e estado de carregamento.

Uso

Use o elemento <y-button> no seu HTML:

html

<y-button>Adicionar produto</y-button>

Propriedade	Tipo	Padrão	Descrição
`variant`	`"default" \| "destructive" \| "outline" \| "secondary" \| "ghost" \| "link"`	`"default"`	Estilo visual do botão
`size`	`"default" \| "sm" \| "lg" \| "icon"`	`"default"`	Tamanho do botão
`disabled`	`boolean`	`false`	Desabilita o botão
`loading`	`boolean`	`false`	Exibe spinner de carregamento
`type`	`"button" \| "submit" \| "reset"`	`"button"`	Tipo do botão HTML

Importe todos os componentes ou apenas este:

typescript

// Importar tudoimport '@yampi/ui';// Importar apenas este componenteimport '@yampi/ui/dist/components/button.js';