Components
Checkbox
A two-state (or tri-state) selection control.
Indeterminate
Disabled
Usage
import { Checkbox, Label } from '@onersoft/design-system'
<div>
<Checkbox id="newsletter" defaultChecked />
<Label htmlFor="newsletter">Subscribe</Label>
</div>Props
Checkbox mirrors Radix Checkbox.Root.
| Prop | Type | Default |
|---|---|---|
defaultChecked | boolean | 'indeterminate' | — |
checked | boolean | 'indeterminate' | — |
onCheckedChange | (checked) => void | — |
disabled | boolean | false |
required | boolean | false |