Feature/$$rest props

demo/src/routes/custom-props/+page.svelte

@@ -0,0 +1,39 @@
+<script lang="ts">
+	import Dropzone from '../../../../src/lib/components/Dropzone.svelte';
+
+	let files = {
+		accepted: [] as any[],
+		rejected: [] as any[]
+	};
+
+	function handleFilesSelect(e: any) {
+		const { acceptedFiles, fileRejections } = e.detail;
+		files.accepted = [...files.accepted, ...acceptedFiles];
+		files.rejected = [...files.rejected, ...fileRejections];
+	}
+
+	function clickToUpload() {
+		document.getElementById('xyz')!.click();
+	}
+</script>
+
+<section>
+	<button on:click={clickToUpload}>Click to upload</button>
+	<Dropzone on:drop={handleFilesSelect} id="xyz" />
+
+	<ol>
+		{#each files.accepted as item}
+			<li>{item.name}</li>
+		{/each}
+	</ol>
+</section>
+
+<style>
+	section {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		flex: 1;
+	}
+</style>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-file-dropzone",
-  "version": "2.0.7",
+  "version": "2.0.8",
   "description": "Svelte component for fileupload and file dropzone",
   "scripts": {
     "package": "svelte-kit sync && svelte-package && publint",

src/lib/components/Dropzone.svelte

@@ -319,6 +319,7 @@
   on:dragover={composeDragHandler(onDragOverCb)}
   on:dragleave={composeDragHandler(onDragLeaveCb)}
   on:drop={composeDragHandler(onDropCb)}
+  {...$$restProps}
 >
   <input
     accept={accept?.toString()}