flopzone v0.0.2

flopzone

A tiny file dropzone.

Features

• configurable: limit MIME-types and file size
• flexible: bring your own markup
• simple: minimal boilerplate
• powerful: access to internal APIs

Install

npm i flopzone --save

Usage

const state = useFlopzone({
  accept: 'image/*',
  maxSize: 10000,
  multiple: true,
  onAdd(files) {
    // do something with files
  },
});

<>
  <Zone {...state}>
    <div>Drop Files Here</div>
  </Zone>

  <ul>
    {state.files.map(file => (
      <li key={file.name}>{file.name}</li>
    ))}
  </ul>
</>

License

MIT License © Truework