Label

Renders an accessible label associated with controls.

Installation

bash
npx canx-ui add label

Usage

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

export function LabelDemo() {
  return (
    <div>
      <div className="flex items-center space-x-2">
        <input type="checkbox" id="terms" className="h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500" />
        <Label htmlFor="terms">Accept terms and conditions</Label>
      </div>
    </div>
  )
}