Label
Renders an accessible label associated with controls.
Loading example…
For form fields, use the Field component which includes built-in label, description, and error handling.
Installation
bunx --bun shadcn@latest add @sui/labelInstall with the shadcn CLI or use the shared @workspace/ui package. Follow the installation guide to configure the registry, load styles, and choose import aliases.
Usage
import { Label } from "@workspace/ui/components/label"<Label htmlFor="email">Your email address</Label>Label in Field
For form fields, use the Field component which
includes built-in FieldLabel, FieldDescription, and FieldError components.
<Field>
<FieldLabel htmlFor="email">Your email address</FieldLabel>
<Input id="email" />
</Field>Loading example…
RTL
To enable RTL support in shadcn/ui, see the RTL configuration guide.
Loading example…
API Reference
See the Base UI Label documentation for more information.