Components
Checkbox
Radix Checkbox. sm/md × checked/indeterminate/invalid/disabled.
사용
import { Checkbox } from "@tendtoyj/cds-ui/components/checkbox";
<Checkbox defaultChecked />
<Checkbox indeterminate />
<Checkbox invalid required />Size
States
Indeterminate (parent/child)
indeterminate={true} 를 지정하면 내부적으로 Radix 의 checked="indeterminate" 로 변환.
Props
| Prop | 타입 | 기본 | 설명 |
|---|---|---|---|
size | sm | md | md | 16 / 20 px |
checked | boolean | - | 제어형 |
defaultChecked | boolean | - | 비제어형 |
onCheckedChange | (checked: CheckedState) => void | - | |
indeterminate | boolean | false | 내부에서 checked="indeterminate" 로 치환 |
invalid | boolean | false | border --cds-status-negative |
disabled / required | boolean | - |
Registry 설치
npx shadcn add https://cds.codexy.com/r/checkbox