# Component/Control/SegmentedControl

## Props


| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `className` | `string | undefined` | No |  |  |
| `defaultValue` | `string | undefined` | No |  |  |
| `value` | `string | undefined` | No |  |  |
| `size` | `undefined "xsmall" "medium" "large"` | No | medium |  |
| `items` | `SegmentedControlOptionType[]` | Yes |  |  |
| `width` | `undefined "fill" "auto"` | No | auto |  |
| `disabled` | `boolean | undefined` | No | false |  |
| `keyExtractor` | `((item: SegmentedControlOptionType, index: number) => string | number) | undefined` | No |  |  |
| `onChange` | `((value: string) => void) | undefined` | No |  |  |
| `unstableFocusVisible` | `boolean | undefined` | No |  | react-aria useFocusRing isFocusVisible 반환값을 제어할 수 있습니다. |
