37 lines
769 B
Svelte
37 lines
769 B
Svelte
<script>
|
|
import { onMount } from "svelte";
|
|
export let dropzoneEvents = {};
|
|
export let options = { previewTemplate: "<div/>" };
|
|
export let dropzoneClass = "dropzone";
|
|
export let hooveringClass = "dropzone-hoovering";
|
|
export let id = "dropId";
|
|
export let autoDiscover = false;
|
|
|
|
let DROPZONESSR;
|
|
|
|
onMount(async () => {
|
|
const dropzone = await import("./dropzone.svelte");
|
|
DROPZONESSR = dropzone.default;
|
|
});
|
|
</script>
|
|
|
|
<style>
|
|
p.dropzoneDefaultSentence {
|
|
font-size: 30px;
|
|
}
|
|
</style>
|
|
|
|
<svelte:component
|
|
this={DROPZONESSR}
|
|
{dropzoneEvents}
|
|
{options}
|
|
{dropzoneClass}
|
|
{hooveringClass}
|
|
{id}>
|
|
<slot>
|
|
<p class="dropzoneDefaultSentence">
|
|
drop your file(s) here or click to add file
|
|
</p>
|
|
</slot>
|
|
</svelte:component>
|