'Quasar Framework: How to use a different icon set with QUploader

Quasar's documentation is usually really good, so I was surprised to find no information for how to change the default icons in the QUploader component.

I'm using the mdi-v5 icon set. When I load up the component, instead of a plus icon on top right, it just looks like this:

enter image description here

I've scoured the docs, but there doesn't seem to be any way to customise the icons on this particular component. Surely this can be done??

vue.jsfile-uploadquasar-framework


Solution 1:[1]

Use Slots:

In the example below we’re showing the equivalent of the default header.

Check the Official Documentation, in the Custom Header you can customize the icon. https://quasar.dev/vue-components/uploader#example--custom-header

Edit: Looks like you have to change the Icon Set in the configuration file, here a video from Luke where shows the process, https://quasarcast.com/quasar-getting-started/quasar-getting-started-guide-3-skeleton-part-1

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1

Related Questions