Label

Renders an accessible label associated with controls.

shadcn/ui docs →

Preview

Installation

terminal
$
Other package managers
bunx --bun shadcn@latest add https://trents.tech/r/label.json

Dependencies: @radix-ui/react-label

Usage

example.tsx
import { Label } from "@/components/ui/label"
import { Input } from "@/components/ui/input"

<div className="grid gap-2">
  <Label htmlFor="email">Your email address</Label>
  <Input id="email" type="email" placeholder="you@example.com" />
</div>
0