# Component/Control/CheckboxGroup

## Props


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