Label

Renderiza um label acessível associado a controles.

Exemplos

Regular

Item 1

Item 2

Item 3

Block

Quando block é true, o label aparece como um bloco com borda e padding, útil para labels no estilo card ou seções de formulário (ex.: com Switch e descrição).

E-mails de marketing

Receba e-mails sobre novos produtos, recursos e mais.

E-mails de segurança

Receba e-mails sobre a segurança da sua conta.

API

Label

Contém o conteúdo do label.

Propriedade	Tipo	Padrão	Descrição
asChild	boolean	false	Troca o elemento renderizado por padrão pelo elemento filho, mesclando props e comportamento.
htmlFor	string	-	id do elemento ao qual o label está associado.
variant	"regular"	"regular"	Estilo visual do label.
size	"sm" \| "md" \| "lg"	"md"	Tamanho do label.
block	boolean	false	Quando true, mostra o label como um bloco com borda e padding, em layout vertical (`flex-col items-start justify-center gap-4`) que permite quebra de texto. Útil para labels no estilo card ou de seções de formulário.