A simple & ssr ready wrapper around dropzone.JS for svelte/sapper.
npm install svelte-dropzonesvelte-dropzone is a simple & ssr ready wrapper around [dropzone.JS] for [svelte] and [sapper].
``bash`
$ npm i svelte-dropzone
`html
hooveringClass="hooveringClass"
id="id"
dropzoneEvents={{ addedfile, drop, init }}
options={{ clickable: true, acceptedFiles: 'text/javascript', maxFilesize: 256, init }}>
Drop files here to upload
`
| prop | default | type/structure |
| -------------- | -------------------------------------------------------------------- | ------------------------------------- |
| dropzoneEvents | {} | object:{{ [eventName]: func}} |
| options | { previewTemplate: "
", dictDefaultMessage: "" } | object:{{ [optionName]: optionValue}} |
| dropzoneClass | "dropzone" | string |
| hooveringClass | "dropzone-hoovering" | string |
| id | "dropId" | string |
| autoDiscover | false | bool |
| slot | Drop files here to upload
` | element |- All dropzone events can be found here
- All dropzone options can be found here
[dropzone.js]: https://www.dropzonejs.com/
[svelte]: https://svelte.dev/
[sapper]: https://svelte.dev/
[eventname]: https://www.dropzonejs.com/#events-list
[optionname]: https://www.dropzonejs.com/#configuration-options
[logo]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png "Logo Title Text 2"