ComboBox

Props

MultiComboBox props

Name	Required	Type	Description
items	true	`Item<T>[]`	A list of items to choose from.
selectedItems	true	`(Item<T> & { deletable?: boolean; })[]`	A list of items that have already been selected.
name	-	`string`	The value of the input `name` attribute.
disabled	-	`false`, `true`	The value of the input `disabled` attribute.
error	-	`false`, `true`	If true, the outline of this component will be DANGER color.
creatable	-	`false`, `true`	If true, you can add new item that do not exist in `items` props.
placeholder	-	`string`	The value of the input `placeholder` attribute.
isLoading	-	`false`, `true`	If `true`, a loader is displayed on the dropdown list.
selectedItemEllipsis	-	`false`, `true`	Whether to omit label of selected items with ellipsis
width	-	`string`, `number`	The value given to the width style of input.
inputValue	-	`string`	The value of textbox. If the value is given, the textbox is controlled.
className	-	`string`	The `className` given to the outermost element of this component.
onChange	-	`(e: ChangeEvent<HTMLInputElement>) => void`	Fire when the value of input changes. @deprecated The onChange handler is deprecated, so use onChangeInput handler instead.
onChangeInput	-	`(e: ChangeEvent<HTMLInputElement>) => void`	Fire when the value of input changes.
onAdd	-	`(label: string) => void`	Fire when adding an item that does not exist in `items` props.
onDelete	-	`(item: Item<T>) => void`	Fire when clicking the delete element of `selectedItems` button.
onSelect	-	`(item: Item<T>) => void`	Fire when clicking an element of `items`.
onChangeSelected	-	`(selectedItems: Item<T>[]) => void`	Fire when the item selections are changed.
onFocus	-	`() => void`
onBlur	-	`() => void`

SingleComboBox props

Name	Required	Type	Description
items	true	`Item<T>[]`	A list of items to choose from.
selectedItem	true	`Item<T>`	An item that have already been selected.
name	-	`string`	The value of the input `name` attribute.
disabled	-	`false`, `true`	The value of the input `disabled` attribute.
error	-	`false`, `true`	If true, the outline of this component will be DANGER color.
creatable	-	`false`, `true`	If true, you can add new item that do not exist in `items` props.
placeholder	-	`string`	The value of the input `placeholder` attribute.
isLoading	-	`false`, `true`	If `true`, a loader is displayed on the dropdown list.
width	-	`string`, `number`	The value given to the width style of input.
className	-	`string`	The `className` given to the outermost element of this component.
onChange	-	`(e: ChangeEvent<HTMLInputElement>) => void`	Fire when the value of input changes. @deprecated The onChange handler is deprecated, so use onChangeInput handler instead.
onChangeInput	-	`(e: ChangeEvent<HTMLInputElement>) => void`	Fire when the value of input changes.
onAdd	-	`(label: string) => void`	Fire when adding an item that does not exist in `items` props.
onSelect	-	`(item: Item<T>) => void`	Fire when an item is selected.
onClear	-	`() => void`	Fire when the selected item is cleared.
onChangeSelected	-	`(selectedItem: Item<T>) => void`	Fire when the item selection is changed.