Checkbox

Renders a checkbox input with support for checked, unchecked, and indeterminate states.

In-stock only

Usage

import { Checkbox, CheckboxProps } from "@desk/ui/components/checkbox";

A bare Checkbox has no label — pair it with a Label (htmlFor) or use CheckboxField, which wires id/htmlFor/aria-describedby for you.
Set the tri-state via indeterminate (sugar for checked="indeterminate"), never by passing the string "indeterminate" to checked yourself.
Controlled use needs checked + onCheckedChange together; passing only checked freezes the box — use defaultChecked for uncontrolled.
For a selectable card or a label+description row, reach for CheckboxCardGroup/CheckboxField instead of hand-laying-out around Checkbox.

Prop	Type	Default	Description
indeterminate	`boolean \| undefined`		When true, displays an indeterminate state (dash icon). This is syntactic sugar for checked="indeterminate".
size	`ResponsiveSize`	`"xs"`	Checkbox size — a single token or a per-breakpoint object like `{ base: "sm", md: "lg" }`.

Used by