EstávelFormuláriodesde v0.1.0

Label

Rótulo de campo de formulário.

Quando usar

Sempre associe ao controle com htmlFor ou Field.

Ajuste props ou edite o código em tempo real (componentes compatíveis).

Controles interativos disponíveis em breve para este componente. Use os exemplos abaixo como referência.

import { Label } from "./label"

export default function App() {
  return <Label htmlFor="nome">Nome completo</Label>
}

Variações comuns de uso.

Nome

import { Label } from "@/components/ui/label"

export function LabelDemo() {
  return <Label />
}

Props principais documentadas para o time.

Prop	Tipo	Padrão	Descrição
className	string	—	Classes Tailwind para layout e espaçamento.
children	ReactNode	—	Conteúdo interno do componente.

pnpm dlx shadcn@latest add http://localhost:3000/r/label.json

pnpm dlx shadcn@latest add @youxgroup/label

npm: cn