checkbox

Three-state checkbox with indeterminate support.

A headless tri-state checkbox following the WAI-ARIA checkbox pattern. Controlled or uncontrolled, with indeterminate support.

import { Checkbox } from '@fluixi/checkbox';

<Checkbox defaultChecked onChange={(state) => ...} />
<Checkbox checked="indeterminate" />

checked / defaultChecked / onChange accept boolean | 'indeterminate'.
Reflects aria-checked (true | false | mixed) and data-state (checked | unchecked | indeterminate).
Renders a native button[role=checkbox], so keyboard activation works.

Part of the Fluixi UI component library. Made with ☕ by the Fluixi team.

Examples