Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Remove default v-input-file icon in Vuetify

v-file-input is a new component that appeared in Vuetify v2.

<v-file-input multiple label="File input"></v-file-input>

The default behavior shows a prepended icon:

enter image description here

Is there a way to get rid of it ?

like image 776
Billal Begueradj Avatar asked Aug 24 '26 00:08

Billal Begueradj


2 Answers

I just tried this and it worked:

<v-file-input multiple label="File input" prepend-icon=""></v-file-input>
like image 83
María José Bravo Macías Avatar answered Aug 25 '26 15:08

María José Bravo Macías


<v-file-input multiple label="File input" prepend-icon=""></v-file-input>

You can disable (or change) it globally in whole app by initializing Vuetify like this:

new Vuetify({
    icons: {
      values: {
        file: ''
      },
    } 
  })

See the docs

like image 37
Michal Levý Avatar answered Aug 25 '26 15:08

Michal Levý



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!