eo-n/ui

Label

Provides descriptive text for a form control.

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

npx shadcn@latest add @eo-n/label

Usage

Import all parts and piece them together.

import { Label } from "@/components/ui/label";
<Label>Accept terms and conditions</Label>

On this page