Label

Renders an accessible label associated with controls.

Accept terms and conditions

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

export function LabelDemo() {
  return (
    <div>
      <div className="flex items-center space-x-2">
        <Checkbox id="terms" />
        <Label htmlFor="terms">Accept terms and conditions</Label>
      </div>
    </div>
  )
}

Installation


pnpm dlx shadcn@latest add ui.panara.studio/r/label.json

Usage

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

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

Input Menubar

On This Page

Installation Usage

Let's make your App shine

Premium UI/UX design, web & app development, services to help your business stand out.

Lightning fast progress, No looking back. Clear milestones. Clear deadlines. Transparent pricing.