Autocomplete
Autocomplete provides options to configure how the filter search behaves
Props:
Properties | Type | Descriptions | Required | Default |
---|---|---|---|---|
|
| disables input |
| |
|
| Options to configure how the filter search behaves *cannot be included with matchSorter |
| |
|
| Option to allow custom user input that doesn't match any of the supplied selectable options |
| |
|
| Label associated with component |
| |
|
| If |
| |
|
| Options to use with our implementation of match-sorter *cannot be included with filterOptions |
| |
|
| Callback handler triggered if typed input is received |
| |
|
| Callback handler triggered if drop down value is selected |
| |
|
| List of selectable options |
| |
|
| Tooltip associated with component |
| |
|
| Red message when input is invalid |
| |
|
| Default selected value |
|
filterOptions
and matchSorter
can't be used together; if you include both, the Loop will not build.
AutocompleteMatchSorterOptions
Properties | Descriptions | Required | Default |
---|---|---|---|
| By default, match-sorter will strip diacritics before doing any comparisons. You can use this option to disable this behavior. | false | |
| By default, match-sorter assumes spaces to be the word separator. However, you can use this option with the | ||
| Thresholds can be used to specify the criteria used to rank the results. Available thresholds are in the |
AutocompleteFilterOptions:
Properties | Descriptions | Required | Default |
---|---|---|---|
| Defaults to | true | |
| Defaults to | true | |
| Default to null. Limit the number of suggested options to be shown. For example, if It can be useful if a lot of options match and virtualization wasn't set up. | null | |
| Controls the matching starting position | 'any' | |
| Controls how an option is converted into a string so that it can be matched against the input text fragment. Accepts an array of strings that is the path to the key in the | ||
| Defaults to false. Remove trailing spaces. | false |
Examples:
Last updated