Checkbox

Radix Checkbox with CSS-drawn check and indeterminate states.

Customize

State
Disabled

Usage

import { Checkbox } from "@/components/lazy-ui/checkbox";

export function Demo() {
  return (
    <div className="flex items-center gap-2">
      <Checkbox id="terms" defaultChecked />
      <label htmlFor="terms" className="text-sm text-neutral-200">
        Accept terms and conditions
      </label>
    </div>
  );
}