GitHub

Label

Displays a label associated with controls.

label-demo.tsx
import { Checkbox } from "@/components/ui/checkbox"
import { Label } from "@/components/ui/label"
 
export function LabelDemo() {
	return (
		<Label className="flex items-center gap-2">
			<Checkbox id="accept" />
			Accept terms and conditions
		</Label>
	)
}

Installation

npx shadcn@latest add @9ui/label

Usage

Imports
import { Label } from "@/components/ui/label"
Anatomy
<Label />