Autocomplete component binds to a text field and offers suggestions to the user while typing based on a static list of results or an Ajax call.
As long as this component is rendered by Vue it will capture all Ajax calls.
|Vue Property||Type||Default Value||Description|
|Number||1||How many minimum characters can trigger component to suggest something?|
|Number||6||How many results can we display at a time?|
|Number||500||How many milliseconds to wait before triggering a suggestion?|
|Object||None||Use static suggestions. No need to do an Ajax call. Filtering is provided by Autocomplete component.|
|Boolean||false||Should suggestions popover display a delimiter between results?|
When using static data, specify an Object this (notice that it uses ListItem component props):
Only if you want to also trigger it manually. Ajax calls trigger these methods automatically.
|Close suggestions popover.|
|Set textfield string to the value supplied.|
|Move selection cursor on suggestions popover by offset (Number, example: 3 for three selections down, -1 for one selection up).|
|Triggered by the component when a search should start and offer some results.|
|Triggered when user has selected a suggestion.|
|Triggered when the selections pop-up opens.|
|Triggered when selections pop-up closes.|