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
dropzone-ui
dropzone-ui
has mega-digievolved to @dropzone-ui/react 🌌
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.
- 👀 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
).
Did you like the project? Please, don't forget to give us a ⭐ star on :octocat: github :D
License
This project is licensed under the terms of the MIT license.