sv-dropzone
sv-dropzone is a simple & ssr ready wrapper around dropzoneJS for svelte and sapper.
Installation
$ npm i sv-dropzone
Usage
<script>
import Dropzone from "sv-dropzone";
const addedfile = file => console.log(file);
const drop = event => console.log(event.target);
const init = () => console.log("dropzone init ! 😍");
</script>
<Dropzone
dropzoneClass="dropZoneClass"
hooveringClass="hooveringClass"
id="id"
dropzoneEvents={{ addedfile, drop }}
options={{ clickable: true, acceptedFiles: 'text/javascript', maxFilesize: 256, init }}>
<p>hello</p>
</Dropzone>
API
| prop | default | type/structure |
|---|---|---|
| dropzoneEvents | {} | object:{{ eventName: func}} |
| options | { previewTemplate: "<div/>", dictDefaultMessage: "" } |
object:{{ optionName: optionValue}} |
| dropzoneClass | "dropzone" | string |
| hooveringClass | "dropzone-hoovering" | string |
| id | "dropId" | string |
| autoDiscover | false | bool |
| slot | <p class="dropzoneDefaultSentence"> drop your file(s) here or click to add file </p> |
element |