dropzone-ui
v6.4.2
Published
React Library Component for drag’n’drop files. Easy to use. Material design style. Multilanguage support. Upload to server support.
Downloads
145
Maintainers
Readme
:rocket: Spanish
dropzone-ui
has mega-digievolved to @dropzone-ui/react :milky_way:
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
- :white_check_mark: File validation: Validate files before uploading.
- :art: File Image previews: See a thumbnail preview
- :framed_picture: Full screen image previews: Add more interacion with a full screen preview of images
- :movie_camera: Full screen video previews. Play the video before uploading.
- :eyes: status visualization: validation and upload status is shown on a Tooltip or on Info Layer.
- :airplane: File upload: Upload valid files to a server.
- :performing_arts: Out of the box design and style.
- :cake: Easy to use. Probably, this is the killer feature you are looking for in a package.
QuickStart
:books: <Full Documentation>
:earth_americas: <Localization>
:performing_arts: <Examples and use cases>
:computer: <Server side implementation/>
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: star on :octocat: github :D
License
This project is licensed under the terms of the MIT license.