# Component/Control/RadioGroup/BoxRadio

## Props


| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `className` | `string | undefined` | No |  |  |
| `defaultValue` | `RadioValue | undefined` | No |  |  |
| `value` | `RadioValue | undefined` | No |  |  |
| `name` | `string | undefined` | No |  |  |
| `items` | `RadioItem<RadioValue>[]` | Yes |  |  |
| `radioItemType` | `undefined "default" "box"` | No | 'default' |  |
| `spacing` | `number | undefined` | No | 24 | RadioItemType - box 일경우 spacing 속성은 미적용됩니다. |
| `disabled` | `boolean | undefined` | No | false |  |
| `align` | `undefined "horizontal" "vertical"` | No | 'horizontal' | RadioItemType - box 일경우 align 속성은 'horizontal' 고정입니다. |
| `width` | `undefined "fill" "auto"` | No | 'auto' | 'fill' 일경우 Full Width 값, 'auto' 일경우 기본 너비 값으로 적용됩니다. |
| `keyExtractor` | `((item: RadioItem<RadioValue>, index: number) => string | number) | undefined` | No |  |  |
| `onChange` | `((value: RadioValue) => void) | undefined` | No |  |  |
| `unstableFocusVisible` | `boolean | undefined` | No |  | react-aria useFocusRing isFocusVisible 반환값을 제어할 수 있습니다. |
| `size` | `undefined "xsmall" "medium" "small" "large"` | No |  | radioItemType - default일 경우 'small', 'medium', 'large'만 적용되며 default값은 'medium'입니다.  radioItemType - box일 경우 'xsmall', 'medium', 'large'만 적용되며 default값은 'medium'입니다. |
| `ref` | `Ref<RadioGroupInstance<RadioValue>> | undefined` | No |  |  |
