File Dropzone

Svelte Component

Allow upload of files with drag and drop.

Import

Package

Source

Doc

Upload File

↓

Drop files or click to select.

Files should not exceed 5mb.

Custom Message

(message)

Monitor your browser's console when adding files.

Uses input[type='file'] to allow for all native input accessibility.

let files: FileList;

html

<FileDropzone bind:files />

Title

Use the title property to provide a custom title.

html

<FileDropzone title="Upload your Attachment here." />

Use the notes property to provide additional text information on a second line.

html

<FileDropzone notes="Files should not exceed 5mb." />

Use the default slot to replace the default UI entirely.

html

<FileDropzone>(message)</FileDropzone>