Skip to content

Add FileUpload component #465

@zemirco

Description

@zemirco

I know you already have the ld-input component with type="file".

https://liquid.merck.design/liquid/components/ld-input/#type-file

image

It would be nice to have a more advanced file upload component to further improve the UX.

Let's have a look at other component libraries.

Ant Design
https://ant.design/components/upload
image

IBM Carbon
https://carbondesignsystem.com/components/file-uploader/code/
image

Dell Design System
https://vanilla.delldesignsystem.com/2.21.0/index.html?path=/docs/components-file-input--basic
image

Edison™ Design System
https://edisondesignsystem.com/file-upload?tab=2
image

Segment Evergreen
https://evergreen.segment.com/components/file-uploader
image

Shopify Polaris
https://polaris.shopify.com/components/drop-zone#navigation
image

As you can see some of them provide

  • image preview
  • list of files with delete button
  • drag and drop (I know many browser do that natively but most of our users do not know that). It would be nice to have visual hints
  • upload progress

🤞🤞 Maybe you could realize this ✨✨

Metadata

Metadata

Assignees

No one assigned

    Labels

    acceptedIssues with this label are issues that the core team has accepted on to the roadmap.featureIssues that describe new features.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions