petruc.ci / docs
docs / forms / checkbox

Checkbox

Controlled or uncontrolled. Use with Label.

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

<div className="flex items-center gap-2">
  <Checkbox id="terms" />
  <Label htmlFor="terms">Accept terms</Label>
</div>