Checkbox
Checkbox는 여러 항목 중 복수 선택을 가능하게 하는 입력 컴포넌트입니다.Property
Indeterminate
Checkbox의 혼합 상태 여부를 설정합니다.
Disabled
Checkbox의 비활성화 상태를 설정합니다.
Invalid
Checkbox의 유효하지 않음 상태를 설정합니다.
Read Only
Checkbox의 읽기 전용 상태를 설정합니다.
Size
Checkbox의 크기를 설정합니다.
Props Table
Checkbox.Root
Checkbox that turns an option on or off, or shows a mixed state with indeterminate. Renders a <span> element and a hidden <input> beside it.
| Prop | Default | Type |
|---|---|---|
invalid? | false | boolean |
size? | md | mdlg |
checked? | - | boolean |
defaultChecked? | false | boolean |
onCheckedChange? | - | function |
value? | - | string |
children? | - | ReactNode |
className? | - | stringfunction |
style? | - | React.CSSPropertiesfunction |
disabled? | false | boolean |
form? | - | string |
id? | - | string |
indeterminate? | false | boolean |
inputRef? | - | React.Ref<HTMLInputElement> |
name? | - | string |
nativeButton? | false | boolean |
parent? | false | boolean |
readOnly? | false | boolean |
required? | false | boolean |
uncheckedValue? | - | string |
render? | - | ReactElementfunction |
Checkbox.IndicatorPrimitive
Check mark shown inside the checkbox while it is checked, or a dash while indeterminate is set. Renders a <span> element.
| Prop | Default | Type |
|---|---|---|
children? | - | ReactNode |
className? | - | stringfunction |
style? | - | React.CSSPropertiesfunction |
keepMounted? | true | boolean |
render? | - | ReactElementfunction |