Autocomplete
The v-autocomplete component offers simple and flexible type-ahead functionality. This is useful when searching large sets of data or even dynamically requesting information from an API.
Basic
The v-autocomplete component offers simple and flexible type-ahead functionality. This is useful when searching large sets of data or even dynamically fetching information from an API.
Density
You can use density prop to adjusts vertical spacing within the component. Available options are: default, comfortable, and compact.
Variant
Use solo, outlined, underlined, filled and plain options of variant prop to change the look of Autocomplete.
Multiple
Use multiple prop to select multiple. Accepts array for value
Clearable
Use clearable prop to add input clear functionality.
Chips
Use chips prop to use chips in select.
Custom-filter
The custom-filter prop can be used to filter each individual item with custom logic.In example we will filter state based on their name and abbreviations
Async items
Sometimes you need to load data externally based upon a search query.
Validation
Use rules prop to validate autocomplete. Accepts a mixed array of types function, boolean and string. Functions pass an input value as an argument and must return either true / false or a string containing an error message.
CONTENTS
Introduction
Basic
Density
Variant
Multiple
Clearable
Chips
Custom-filter
Async items
Validation