Name | Type | Required |
---|---|---|
name | string | |
label | string | |
helperText | string | |
description | string | |
isDisabled | boolean | |
isReadOnly | boolean | |
isMulti | boolean | |
options | array | |
noOptionsMessage | string | |
placeholder | string | |
isSearchable | boolean | |
isClearable | boolean | |
simpleValue | boolean | |
loadOptions | func |
This mapper component is using the common select component to provide additional features.
(currentSearchValue: string) => Promise< Options >
Using loadOptions
function you can dynamically load options when the component is mounted or when the value in search bar is changed. You can also trigger a reload via changing loadOptionsChangeCounter
number attribute.
boolean
When is true
, the select will store only values of the selected options. Otherwise, it stores the whole objects.
boolean | Experimental
When provided to an option object, this option will select all available options.
options: [{label: 'Select all',value: 'select-all',selectAll: true,},...]
boolean | Experimental
When provided to an option object, this option will clear the selection.
options: [{label: 'Select none',value: 'select-none',selectNone: true,},...]
boolean
By default, the common select unselects values that are not available as an option. If you want to disable this behavior, you can do it via setting this option to true
.