# Component/DropdownMultiSelect

Input 박스를 누르면 리스트가 표시되며 여러 항목을 선택할 수 있습니다.

## Props


| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `value` | `OptionValue[] | undefined` | No |  |  |
| `options` | `DropdownChipLabelOption<OptionValue>[]` | Yes |  |  |
| `maxHeight` | `number | undefined` | No | DEFAULT_DROPDOWN_MULTI_SELECT_MAX_HEIGHT | Dropdown OptionList maxHeight값 - size가 large일 경우 default 높이는 none, 그외에는 기본 값이 적용되며 사용처에서 재정의할 수 있습니다. |
| `allCheck` | `boolean | undefined` | No | false | DropdownFilter Option들의 전체 선택 여부 |
| `onChange` | `((value: OptionValue[]) => void) | undefined` | No |  |  |
| `size` | `undefined "xsmall" "small" "medium" "large"` | No | 'medium' |  |
| `className` | `string | undefined` | No |  |  |
| `width` | `CSSValueWithLength | undefined` | No |  |  |
| `disabled` | `boolean | undefined` | No |  |  |
| `status` | `undefined "error"` | No |  |  |
| `keyExtractor` | `((item: DropdownOption<OptionValue>, index: number) => string | number) | undefined` | No |  |  |
| `zIndex` | `number | undefined` | No | getZIndex('dropdown') |  |
| `autoPlacement` | `boolean | undefined` | No | true | floating 요소가 reference 영역을 넘어갈 경우 자동 위치 처리 사용 유무  - 자동 위치 상/하만 적용됩니다. |
| `optionsMatchRefWidth` | `boolean | undefined` | No | true |  |
| `placeholder` | `string | undefined` | No |  |  |
| `optionItemHeight` | `number | undefined` | No |  |  |
| `enableVirtualScroll` | `boolean | undefined` | No |  |  |
| `labelHeight` | `CSSValueWithLength | undefined` | No |  |  |
| `unstableFocusVisible` | `boolean | undefined` | No |  | react-aria useFocusRing isFocusVisible 반환값을 제어할 수 있습니다. |
| `ref` | `Ref<HTMLDivElement> | undefined` | No |  |  |