Skip to main content

SelectField


Example

Props

NameTypeDefault ValueRequiredDescription
idstringNo
menuSize"large" | "medium"No
placeholderstringNo
optionsSelectOption<A>[]Yes
noOptionsMessagestringNo
isReadOnlybooleanNo
searchablebooleanNo
openMenuOnFocusbooleanNo
isMultibooleanNo
clearablebooleanNo
namestringNo
valueA | A[]Yes
onChange((value: A) => unknown) | ((value: A[]) => unknown)Yes
onBlur() => unknownNo
labelstringYes
issuesNonEmptyArray<Children>No
disabledbooleanNo
assistiveTextChildrenNo
autoFocusbooleanNo
hintstringNo
hintPlacement"bottom" | "left" | "right" | "top" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start"No
showMultiSelectBulkActionsbooleanNo
selectAllButtonLabelstringNo
clearAllButtonLabelstringNo
multiSelectMode"summary" | "chips"No
multiValueMessage(numberOfSelectedOptions: number) => stringNo

Related components