Checkbox
Accessible checkbox built on Radix.
shadcn/ui · new-york-v4 · synced Aug 28, 2026shadcn/uinew-york-v4 · synced Aug 28, 2026
Installation
import { Checkbox } from "@aspyn-io/kit";
import { Label } from "@aspyn-io/kit";With label
Always pair with a Label via htmlFor/id: clicking the label toggles the box.
Controlled
Disabled
Checkbox group
Group related options under a fieldset legend.
With description
Pair the label with helper text via aria-describedby.
Receive product news and occasional offers.
Invalid
Set aria-invalid to surface the destructive state.
You must accept the terms.
Notes
- onCheckedChange receives true | false | "indeterminate": compare explicitly when storing booleans.