Forms

Label

No consumers

The text that names a field and puts the browser's click target on it.

Importimport { Label } from "@/components/ui/Label";
Sourcesrc/components/ui/Label

A styled label element and nothing more. Its value is the htmlFor pairing: it names the field for assistive technology and makes the text itself a click target, which matters most for the small controls — checkboxes, radios, switches.

With a control

Props

Label

PropTypeDefaultDescription
…LabelHTMLAttributesLabelHTMLAttributes<HTMLLabelElement>—Every native label attribute, `htmlFor` above all.