nuxt / ui

A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.

https://ui.nuxt.com

MIT License

3.64k stars 424 forks source link

Create a UFileUpload component #1422

Open lougea opened 5 months ago

lougea commented 5 months ago

Description

Hey there! 👋 So, I've been using the UInput (file) component and while it's cool, I've noticed a few things that could make it even better with new component dedicated to file

Enhancements Needed:

Show a preview of the uploaded file 🖼️
Provide a FileObject to v-model instead of just returning the file path 📁
Support selecting multiple files 📂

1311

Thanks for considering adding this new component! 🚀

(and thanks for your work !)

No response

benjamincanac commented 5 months ago

Not sure this deserve a proper component, what would it look like?

You can find an example on the Dashboard template using a UFormGroup, UAvatar, UButton and UInput: https://github.com/nuxt-ui-pro/dashboard/blob/main/pages/settings/index.vue#L102-L108

KenZync commented 4 months ago

the Uinput type file doesnt even work in demo

benjamincanac commented 4 months ago

We'll consider making such a component in v3!

@KenZync Thanks for pointing that out, it should now be fixed 😊