Label

Renders an accessible label associated with controls.

Installation

pnpm dlx shadcn@latest add https://8bit.cnlibs.com/r/label.json

Usage

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

<div className="flex w-full max-w-sm flex-col gap-2">
  <Label htmlFor="label-demo-email">Email</Label>
  <Input id="label-demo-email" placeholder="Email" type="email" />
</div>