# Component/Control/CheckboxGroup

## Props


| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `className` | `string | undefined` | No |  |  |
| `defaultValue` | `CheckboxValue[] | undefined` | No |  |  |
| `value` | `CheckboxValue[] | undefined` | No |  |  |
| `disabled` | `boolean | undefined` | No | false |  |
| `name` | `string | undefined` | No |  |  |
| `spacing` | `number | undefined` | No | 24 |  |
| `items` | `CheckboxItem<CheckboxValue>[]` | Yes |  |  |
| `align` | `undefined "horizontal" "vertical"` | No | 'horizontal' |  |
| `size` | `undefined "small" "medium" "large"` | No | 'medium' |  |
| `keyExtractor` | `((item: CheckboxItem<CheckboxValue>, index: number) => string | number) | undefined` | No |  | 각 체크박스 아이템에서 고유 key를 추출하는 함수 |
| `onChange` | `((value: CheckboxValue[]) => void) | undefined` | No |  |  |
| `hasSelectAll` | `boolean | undefined` | No | false |  |
| `unstableFocusVisible` | `boolean | undefined` | No |  | react-aria useFocusRing isFocusVisible 반환값을 제어할 수 있습니다. |
| `ref` | `Ref<CheckboxGroupInstance<CheckboxValue>> | undefined` | No |  |  |