v-combobox component is a v-autocomplete that allows the user to enter values that do not exist within the provided items. Created items will be returned as strings.
With Combobox, you can allow a user to create new values that may not be present in a provided items list.
When using objects for the items prop, you must associate item-text and item-value with existing properties on your objects. These values are defaulted to text and value and can be changed.
Previously known as tags - user is allowed to enter more than 1 value
You can use
dense prop to reduce combobox height and lower max height of list items.
No data with chips
In this example we utilize a custom no-data slot to provide context to the user when searching / creating items.
Advanced custom options
v-combobox improves upon the added functionality from
v-autocomplete. This provides you with an expansive interface to create truly customized implementations. This example takes advantage of some more advanced features such as a custom filter algorithm, inline list editing and dynamic input items.