# Component/Control/SegmentedControl

Segmented Control은 두 개 이상의 상호 배타적인 옵션 중 하나를 선택할 수 있도록 하는 컴포넌트로, 탭 전환이나 필터 선택 등에 사용됩니다. 사용자는 한 번에 하나의 Segment만 선택할 수 있습니다.

## 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 반환값을 제어할 수 있습니다. |