Label

Usage

Basic usage example to quickly see how the Label works.

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

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

Peer Dependencies

Install required dependencies before using the Label. These libraries handle the low-level mechanics to ensure features.

API References

Styles API

Props API

Source Codes

Full working code example, including necessary markup and styles. You can copy and paste this code directly to start using the component immediately.