You are currently viewing the documentation for Vuetify 3
Go to Vuetify 2

Combobox

The v-combobox component is a v-text-field that allows the user to select values from a provided items array, or to enter their own value. 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.

API

ComponentDescription
v-comboboxPrimary component

Caveats

Examples

Props

Density

You can use density prop to adjusts vertical spacing within the component.

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.

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 onGitHub