dropzone-ui
TypeScript icon, indicating that this package has built-in type declarations

6.4.2 • Public • Published

🚀 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.

Package Sidebar

Install

npm i dropzone-ui

Weekly Downloads

45

Version

6.4.2

License

MIT

Unpacked Size

618 kB

Total Files

19

Last publish

Collaborators

  • jin_ssj3