UI — form

Checkbox

Accessible checkbox that paints its own visual box on top of a real hidden input, so keyboard, form submission, and assistive tech all just work. Supports the `'indeterminate'` tri-state.

Sourcesrc/components/ui/checkbox.tsx

Base states

Unchecked, checked, and disabled. Label and description wrap the input so clicking anywhere in the row toggles.

With description

Pass description to render a muted helper line beneath the label — handy for permission scopes and opt-in toggles.

Indeterminate (select-all pattern)

When some but not all children are checked, the parent renders as indeterminate — a horizontal dash instead of a check.

Sizes

sm is 16px, md is 18px (default). Matches the density of surrounding form controls.