Checkbox

Forms · src/components/Checkbox/Checkbox.tsx

One independent yes or no.

The whole row is the label, so the text is part of the hit area rather than something to aim beside the box.

indeterminate is not an attribute React can render - it only exists as a DOM property - so it is set through a ref callback. Without that the parent box of a partly-checked group silently shows as unchecked, which reads as "none of these" when the truth is "some".

Import

import { Checkbox } from '@redrob-labs/ui';

Rendered

The design system's own preview case, run against this package's build. The parity gate compares this rendering to the reference bundle's.

Props

Prop	Type	Notes
label	React.ReactNode
hint	React.ReactNode	A short aside under the label.
indeterminate	boolean	Neither checked nor unchecked: some of the things below are.
className	string
children	React.ReactNode

Also accepts everything on Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'type'>.