Checkbox

A control that allows the user to toggle between checked and not checked.

Accept terms and conditions

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

export default function CheckboxDemo() {
  return (
    <div className="flex items-center gap-3">
      <Checkbox id="checkbox-terms" />
      <Label htmlFor="checkbox-terms">Accept terms and conditions</Label>
    </div>
  )
}

Installation

npx logic2b@latest add checkbox

Usage

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

<Checkbox id="terms" />