Label

An accessible label for form controls. For full fields with description and error text, prefer Field and FieldLabel.

Associate a label with a control via htmlFor and matching id.

Installation

CLI

npx @sonojs/ui@latest add label

label.tsx

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

export function Example() {
  return <Label htmlFor="email">Your email address</Label>
}

Prop	Type	Default	Description
htmlFor	string	—	Id of the labeled control.
className	string	—	Merge extra Tailwind classes on the label.