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.
Source
src/components/ui/checkbox.tsxBase 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.