JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 76
  • Score
    100M100P100Q67474F
  • License MIT

React Library Component for drag’n’drop files. Easy to use. Material design style. Multilanguage support. Upload to server support.

Package Exports

  • dropzone-ui
  • dropzone-ui/build/index.es.js
  • dropzone-ui/build/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (dropzone-ui) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

🚀 Spanish

dropone-ui-logo

dropzone-ui

dropzone-ui has mega-digievolved to @dropzone-ui/react 🌌

license npm latest package Rate on Openbase Node.js CI Language grade: JavaScript Total alerts Known Vulnerabilities Package Quality install size Average time to resolve an issue PRs Welcome GitHub Repo stars

Important

This package wraps all components of @dropzone-ui/react. So, installing this package you are also installing @dropzone-ui/react as well through dependency tree.

Key Features

  • ✅ File validation: Validate files before uploading.
  • 🎨 File Image previews: See a thumbnail preview
  • 🖼️ Full screen image previews: Add more interacion with a full screen preview of images
  • 🎥 Full screen video previews. Play the video before uploading. new-feature
  • 👀 status visualization: validation and upload status is shown on a Tooltip or on Info Layer.
  • ✈️ File upload: Upload valid files to a server.
  • 🎭 Out of the box design and style.
  • 🍰 Easy to use. Probably, this is the killer feature you are looking for in a package.

QuickStart

Code generator

Want to generate the code that fits your needs? Just interact with the code generator here.

Installation

dropzone-ui is available as an npm package.

For uploading files, peer dependency axios must be installed together with dropzone-ui.

// with npm
npm i dropzone-ui axios
// with yarn
yarn add dropzone-ui axios

Sample result:

On Drag, Drop, Upload and ful screen preview. (also changing view mode from grid to list).

dropone-ui-logo

Did you like the project? Please, don't forget to give us a ⭐ star on :octocat: github :D

dropone-ui-logo

License

This project is licensed under the terms of the MIT license.