# Component/InputGroup

## Usage Notes

여러 입력 컨트롤을 하나의 필드처럼 가로로 합성합니다. 테두리·배경·포커스 링은 그룹이 그리고, 세그먼트는 자기 테두리를 반납합니다.

현재 세그먼트로 동작하는 컨트롤은 `Input`, `NumericInput`, `Dropdown`, `DatePicker`, `TimePicker`입니다. 단위나 접두어 같은 보조 텍스트는 `InputGroupAddon`으로 넣습니다.

## Props


| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `size` | `undefined "small" "medium" "large" "xsmall"` | No | 'medium' |  |
| `status` | `undefined "error" "highlighted"` | No |  | 필드 테두리 색을 지정합니다. 경고 아이콘이 필요하면 각 세그먼트에 `status`를 지정해주세요. |
| `disabled` | `boolean | undefined` | No |  |  |
| `width` | `CSSValueWithLength | undefined` | No |  |  |
| `flex` | `Flex<string | number> | undefined` | No |  |  |
| `dividerVariant` | `undefined "none" "default" "full"` | No | 'default' | 칸을 나누는 구분선의 표현을 지정합니다. `none`이면 구분선을 그리지 않습니다. |
| `_unstable_inheritsDividerVariant` | `boolean | undefined` | No | false | 부모 `InputGroup`의 `dividerVariant`를 자기 `dividerVariant`보다 우선합니다.  `Input`의 prefix/suffix가 홀로 있을 때는 PDS 1.0 표현(`full`)을 유지하면서, 그룹 안에 들어가면 그룹의 표현을 따라가도록 하기 위한 내부용입니다. |