Label

Renders an accessible label associated with controls.

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

Installation


pnpm dlx shadcn@latest add @force-ui-ember/label

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

<Label @for="email">Your email address</Label>

For form fields, use the Field component which includes built-in FieldLabel, FieldDescription, and FieldError components.

import { Field, FieldLabel } from '@/ember-ui/field';
import { Input } from '@/ember-ui/input';

<Field>
  <FieldLabel @for="email">Your email address</FieldLabel>
  <Input id="email" />
</Field>

To enable RTL support in Force UI, see the RTL configuration guide.

See the Radix UI Label documentation for more information.

On This Page

Deploy your shadcn/ui app on Vercel

Trusted by OpenAI, Sonos, Adobe, and more.

Vercel provides tools and infrastructure to deploy apps and features at scale.