[Feature Request] File Upload

[geekyshow1]

Is your feature request related to a problem? Please describe.

I wanted to bring to your attention a feature that seems to be missing from the Nuxtlabs UI. Currently, I am facing a challenge while trying to create a form that involves file uploads. It appears that there is no built-in file upload feature available in the UI, which is causing a hurdle in my development process.

Describe the solution you'd like

Something similar to:
https://primevue.org/fileupload/
https://vuetifyjs.com/en/components/file-inputs/

[atinux]

Thanks for the feedback, we can keep it in the roadmap.

In the meantime you can anyway use <input type="file" /> and style it yourself, see example on TailwindCSS docs: https://tailwindcss.com/docs/hover-focus-and-other-states#file-input-buttons

[tobychidi]

I used @zagjs/file-upload and it worked so well.

[clopezpro]

I used Tailwind

[benjamincanac]

How would you feel if a <UInput type="file" /> looked like this in both white and gray colors:

[benjamincanac]

Went with this design in the end:


It was way easier to put the button in absolute to keep the same dimensions as a normal input for all the different sizes.