# Combobox Props (свойства) для компонента Combobox: [{"name":"size","type":{"name":"enum","raw":"\"m\" | \"s\" | \"l\" | \"xs\"","value":[{"value":"\"m\""},{"value":"\"s\""},{"value":"\"l\""},{"value":"\"xs\""}]}},{"name":"view","type":{"name":"enum","raw":"\"default\" | \"positive\" | \"warning\" | \"negative\"","value":[{"value":"\"default\""},{"value":"\"positive\""},{"value":"\"warning\""},{"value":"\"negative\""}]}},{"name":"placeholder","type":{"name":"string"}},{"name":"onFocus","type":{"name":"FocusEventHandler<HTMLInputElement>"}},{"name":"onBlur","type":{"name":"FocusEventHandler<HTMLInputElement>"}},{"name":"disabled","type":{"name":"boolean"}},{"name":"name","type":{"name":"string"}},{"name":"readOnly","type":{"name":"boolean"}},{"name":"required","type":{"name":"boolean"}},{"name":"label","type":{"name":"string"}},{"name":"enumerationType","type":{"name":"enum","raw":"EnumerationType","value":[{"value":"\"comma\""},{"value":"\"chip\""}]}},{"name":"negativeResultContent","type":{"name":"string"}},{"name":"usePortal","type":{"name":"boolean"}},{"name":"opened","type":{"name":"boolean"}},{"name":"alwaysOpened","type":{"name":"boolean"}},{"name":"placement","type":{"name":"\"auto\" | \"top\" | \"bottom\" | \"right\" | \"left\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | DropdownPlacementBasic[]"}},{"name":"frame","type":{"name":"string | RefObject<HTMLElement>"}},{"name":"filterFunction","type":{"name":"((childText: string, filterValue?: string) => boolean)"}},{"name":"onToggle","type":{"name":"((opened: boolean, event: Event | SyntheticEvent<Element, Event>) => void) | ((isOpen: boolean) => void)"}},{"name":"valueType","type":{"name":"enum","raw":"\"multiple\" | \"single\"","value":[{"value":"\"multiple\""},{"value":"\"single\""}]}},{"name":"value","type":{"name":"string[] | ComboboxPrimitiveValue | ComboboxPrimitiveValue[]"}},{"name":"onChangeValue","type":{"name":"((value?: ComboboxPrimitiveValue) => void) | ((value?: ComboboxPrimitiveValue[]) => void) | ((value: string) => void) | undefined"}},{"name":"items","type":{"name":"T[]"}},{"name":"onChange","type":{"name":"ChangeEventHandler | ((value: string, item: T | null) => void) | ((value: string[], item: T | null) => void)"}},{"name":"contentLeft","type":{"name":"ReactElement<any, string | JSXElementConstructor<any>>"}},{"name":"filter","type":{"name":"((item: T, textValue: string) => boolean)"}},{"name":"mode","type":{"name":"enum","raw":"\"radio\" | \"default\"","value":[{"value":"\"radio\""},{"value":"\"default\""}]}},{"name":"helperText","type":{"name":"string"}},{"name":"textBefore","type":{"name":"string"}},{"name":"textAfter","type":{"name":"string"}},{"name":"variant","type":{"name":"enum","raw":"\"normal\" | \"tight\"","value":[{"value":"\"normal\""},{"value":"\"tight\""}]}},{"name":"zIndex","type":{"name":"ZIndex"}},{"name":"listMaxHeight","type":{"name":"Height<string | number>"}},{"name":"listWidth","type":{"name":"Width<string | number>"}},{"name":"portal","type":{"name":"string | RefObject<HTMLElement>"}},{"name":"renderItem","type":{"name":"((item: T) => ReactNode)"}},{"name":"closeAfterSelect","type":{"name":"boolean"}},{"name":"beforeList","type":{"name":"ReactNode"}},{"name":"afterList","type":{"name":"ReactNode"}},{"name":"virtual","type":{"name":"boolean"}},{"name":"emptyStateDescription","type":{"name":"string"}},{"name":"listHeight","type":{"name":"Height<string | number>"}},{"name":"listOverflow","type":{"name":"Overflow"}},{"name":"keepPlaceholder","type":{"name":"boolean"}},{"name":"isTargetAmount","type":{"name":"boolean"}},{"name":"targetAmount","type":{"name":"number"}},{"name":"renderValue","type":{"name":"((item: T) => string) | ((item: T) => string)"}},{"name":"selectAllOptions","type":{"name":"SelectAllProps"}},{"name":"requiredPlacement","type":{"name":"enum","raw":"\"right\" | \"left\"","value":[{"value":"\"right\""},{"value":"\"left\""}]}},{"name":"optional","type":{"name":"boolean"}},{"name":"hasRequiredIndicator","type":{"name":"boolean"}},{"name":"hintText","type":{"name":"string"}},{"name":"hintTrigger","type":{"name":"enum","raw":"\"hover\" | \"click\"","value":[{"value":"\"hover\""},{"value":"\"click\""}]}},{"name":"hintTargetIcon","type":{"name":"ReactNode"}},{"name":"hintTargetPlacement","type":{"name":"enum","raw":"\"outer\" | \"inner\"","value":[{"value":"\"outer\""},{"value":"\"inner\""}]}},{"name":"hintPlacement","type":{"name":"Placement | ComputedPlacement[]"}},{"name":"hintHasArrow","type":{"name":"boolean"}},{"name":"hintOffset","type":{"name":"[number, number]"}},{"name":"hintWidth","type":{"name":"string"}},{"name":"hintContentLeft","type":{"name":"ReactNode"}},{"name":"labelPlacement","type":{"name":"enum","raw":"\"outer\" | \"inner\"","value":[{"value":"\"outer\""},{"value":"\"inner\""}]}},{"name":"hintView","type":{"name":"enum","raw":"\"default\"","value":[{"value":"\"default\""}]}},{"name":"hintSize","type":{"name":"enum","raw":"\"m\" | \"s\"","value":[{"value":"\"m\""},{"value":"\"s\""}]}}] ## Использование Обязательным параметром является только  `items` . Внутри items может быть такой же вложенный массив items. Формат следующий: ```tsx
type Items = Array<{
/**
*  Значение у item
*/
value: string;
/**
* Метка-подпись к item
*/
label: string;
/**
* Сторона открытия вложенного дропдауна относительно текущего элемента;
* @default right
*/
placement?: Placement;
/**
* Список дочерних items.
*/
items?: Array<ItemOption>;
/**
* Item не активен
*/
disabled?: boolean;
/**
* Слот для контента слева
*/
contentLeft?: ReactNode;
/**
* Слот для контента справа
*/
contentRight?: ReactNode;
}>;
```
Тип выбора комбобокса - одиночный или множественный зависит от типа  `value`  и  `onChange` . В одиночном value -  `string` , в множественном -  `Array<string>` .