Label

Renders an accessible label associated with controls.

Your email address

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

export default function LabelDemo() {
  return (
    <div className="grid gap-2">
      <Label htmlFor="label-email">Your email address</Label>
      <Input id="label-email" type="email" placeholder="Email" />
    </div>
  )
}

Installation

npx logic2b@latest add label

Usage

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

<Label htmlFor="email">Your email address</Label>