This 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.

You can use dense attribute to adjusts vertical spacing within the component.

Use filled, outlined, solo, underlined and plain options to change appearance of select.

Use multiple attribute to select multiple. Accepts array for value

Use clearable attribute to add input clear functionality.

Use use-chips attribute to make selected option as chip.

The filter option can be used to filter each individual item with custom logic.In example we will filter state based on their name and abbreviations

With the power of slots, you can customize the visual output of the select. In this example we add a profile picture for both the chips and list items using their props.

Sometimes you need to load data externally based upon a search query.

Using a combination of v-autocomplete slots and transitions, you can create a stylish toggle able autocomplete field such as below state selector.

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.