THEME
MOTION
HAPTIC
SOUND
CHECKBOX
Binary form checkbox for multi-select values. Distinct from Toggle; supports indeterminate (tri-state).
Live demo
Import
import { Checkbox } from '@cathode-ui/react';Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
value | boolean | — | yes | |
onChange | (v: boolean) => void | — | yes | |
label | string | — | — | |
disabled | boolean | false | — | |
indeterminate | boolean | false | — | Renders a dash — use for parent rows of mixed children. |
accent | 'success'|'info'|'warning'|'danger'|'accent' | success | — |
Examples
basic
<Checkbox value={on} onChange={setOn} label="NOTIFY ME" />indeterminate
<Checkbox value={partial} onChange={selectAll} indeterminate label="ALL" />Accessibility
Role: checkbox
- aria-label if no visible label
Feedback
| Haptic | tap |
| Sound | tick |
Motion states
idle · press