Label

---
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
---

<div class="grid w-full max-w-sm gap-2">
  <Label for="email">Email</Label>
  <Input id="email" type="email" placeholder="Enter your email" />
</div>

Installation

npx shadcn@latest add @fulldev/label

Usage

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

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

Notes

• Match for on Label with the target control id.
• Use Label directly for simple forms and one-off controls.
• When you need descriptions or validation, prefer Field and FieldLabel.

Example

<Label for="terms">Accept terms and conditions</Label>

API Reference

See the GitHub source code for more information on props.