25
A customizable checkbox input with bold styling and accessible controls.
npx neobrutal add checkboximport { 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 and conditions</Label>
</div>| Prop | Type | Default | Description |
|---|---|---|---|
| defaultChecked | boolean | - | The default checked state when uncontrolled. |
| disabled | boolean | - | When true, prevents the user from interacting with the checkbox. |