Label

Default

Email address

Subscribe to newsletter

Full name

npx visor add label

This copies two files into your project:

import { Label } from '@/components/ui/label/label';

<Label htmlFor="email">Email</Label>

Prop	Type	Default	Description
`htmlFor`	`string`	—	The ID of the form element this label is associated with.
`className`	`string`	—	Additional CSS class names to merge onto the element.
`...props`	`React.LabelHTMLAttributes<HTMLLabelElement>`	—	All standard HTML label attributes are forwarded.

The component also accepts all standard <label> HTML attributes.

Built on @radix-ui/react-label — renders a native <label> element
Always use htmlFor matching the associated control's id for proper screen reader association
Clicking the label focuses or activates the associated control (standard browser behavior)
For required field indicators, use aria-hidden="true" on the visual asterisk and add required or aria-required="true" on the input itself