Label

Renders an accessible label associated with controls.

Base UI React Aria Radix UI

Accept terms and conditions

For form fields, use the Field component which includes built-in label, description, and error handling.

Installation


bunx --bun fabricator-ui@latest add label

Usage

import { Label } from "@/components/ui/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>

API Reference

See the Base UI Label documentation for more information.