search

carbon-design-system / carbon-contribution

Documentation on how to contribute back to Carbon
https://www.carbondesignsystem.com/contributing/designers
7 stars 4 forks source link

FileUploader - Drag and drop #4

Closed CynZhang closed 5 years ago

CynZhang commented 5 years ago

Description

Our product is transitioning to Carbon and we noticed that the File Uploader component doesn't support drag and drop. It's a common interaction that many users are highly habituated to it and we'd like to keep supporting. The Add File CTA opens the file browser but it forces users to go through their file structure and find the file every time. So having a drag and drop is a welcome option that could be particular useful for users who already have their file located in their file explorer.

Proposal

  1. outline the drop zone in the component UI
  2. dragging triggers file type validation and handling
  3. on file drop, file gets added.
screen shot 2018-12-19 at 12 03 07 pm

Contact Designer: Cynthia Zhang (cynthiaz@ca.ibm.com) Developer: Bryan Boyd (bboyd@us.ibm.com), Gustavo Daud (gustavoh@br.ibm.com)

Thank you

laurenmrice commented 5 years ago

Hi Cynthia, In our upcoming v10 release of Carbon we will not be supporting the drag and drop functionality within our File Uploader component.

However we do have a secondary design for an alternative drag/drop file uploader component, it just has not been built yet.

screen shot 2018-12-19 at 2 25 27 pm

Above is the design example, the dotted line is not surrounding the entire component but it is a similar iteration. If you would like to build this out to use in the meantime and contribute back to us, that would be great!

CynZhang commented 5 years ago

@laurenmrice that's great to know. We will surely reference this and build it out. Thanks for sharing.

shixiedesign commented 5 years ago

@CynZhang Hi! Want to follow up on this thread to see if the drag&drop file uploader got build. If you have it, and willing to contribute back, we would like to feature it in our core component set. Let us know! Thank you!

shixiedesign commented 5 years ago

Issue has been inactive for over 6 months, so I'm closing it. However we do want to add this feature and dev work is being tracked here https://github.com/carbon-design-system/carbon/issues/2288