MultiSelect
Forms

MultiSelect.

Searchable multiple choice with removable value chips.

Real interactive component
Live demo
ReactTypeScript

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

7 props
ParameterTypeRequiredDefaultPossible valuesDescription
optionsMultiSelectOption[]Yes——Items with value, label and optional disabled state.
valuestring[]Yes——Currently selected option values.
onValueChange(values: string[]) => voidNo——Receives an updated selection array.
placeholderstringNoChoose items—Hint shown before selection.
labelstringNoChoose items—Accessible combobox name.
disabledbooleanNofalsetrue · falseDisables input and selection.
classNamestringNo——Additional CSS class on the outer component element.