Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature Request] File drag and drop area (VFileDrop) #20617

Open
MattTheCuber opened this issue Oct 25, 2024 · 2 comments
Open

[Feature Request] File drag and drop area (VFileDrop) #20617

MattTheCuber opened this issue Oct 25, 2024 · 2 comments

Comments

@MattTheCuber
Copy link

Problem to solve

VFileInput is great, but many times you want to have a drag and drop zone in your app. I know you can build one yourself using divs, but it would be great if Vuetify had a nice stylized component. This would be useful in websites/apps where the user can upload files into a server file management system.

Kind of like this:

drag and drop

Proposed solution

Here is the JavaScript implementation: https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/File_drag_and_drop

@frederikheld
Copy link
Contributor

This would be awesome. In my current project there's still this empty area where "some time soon" I have to stitch together my own solution. Having this out of the box would be great!

@frederikheld
Copy link
Contributor

There's another issue #20576 that asks for the same.

I like the design of this one here better though.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants