Checkbox
Checkbox는 여러 항목 중 복수 선택을 가능하게 하는 입력 컴포넌트입니다.Property
Indeterminate
Checkbox의 혼합 상태 여부를 설정합니다.
Disabled
Checkbox의 비활성화 상태를 설정합니다.
Invalid
Checkbox의 유효하지 않음 상태를 설정합니다.
Read Only
Checkbox의 읽기 전용 상태를 설정합니다.
Size
Checkbox의 크기를 설정합니다.
Props Table
Checkbox.Root
옵션을 켜거나 끄는 체크박스. indeterminate로 혼합 상태도 표시할 수 있습니다. <span> 요소와 그 옆의 숨겨진 <input>을 렌더링합니다.
| 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
체크박스가 체크되어 있는 동안 내부에 표시되는 체크 표시. indeterminate가 설정되면 대시를 표시합니다. <span> 요소로 렌더링됩니다.
| Prop | Default | Type |
|---|---|---|
children? | - | ReactNode |
className? | - | stringfunction |
style? | - | React.CSSPropertiesfunction |
keepMounted? | true | boolean |
render? | - | ReactElementfunction |