How to add X(Close button) in v-autocomplete vuetify?

user_12046528 0
Viewed 78

how can I add close button inside v-autocomplete list, so I could be able to close it using the button which is inside it.

enter image description here

vuejs2 nuxt.js vuejs3 vuetify.js vuex
1 Answers

in documentation

<v-autocomplete
  chips <-- added because it looks cool
  clearable <-- x button for clear all input
  deletable-chips <-- this add x button for input
  multiple <-- you can select multiple 
></v-autocomplete>

Try this

<v-autocomplete
  chips
  clearable
  deletable-chips
  multiple
  small-chips
></v-autocomplete>

it look like this after add this enter image description here

user_105126980
Related