# Combobox

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

# Usage

With Combobox, you can allow a user to create new values that may not be present in a provided items list.


# Caveats

# Examples

# Props

# Dense

You can use dense prop to reduce combobox height and lower max height of list items.

# Multiple combobox

Previously known as tags - user is allowed to enter more than 1 value

# Slots

# No data with chips

In this example we utilize a custom no-data slot to provide context to the user when searching / creating items.

# Misc

# Advanced custom options

The v-combobox improves upon the added functionality from v-select and 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.

Ready for more?

Continue your learning with related content selected by the Team or move between pages by using the navigation links below.
Edit this page on GitHub
Last updated:05/20/2022, 4:10:15 PM