File Dropzone

Svelte Component

Allow upload of files with drag and drop.

Import

Package

Source

Docs

Upload File

↓

Drop a file 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 />

Use the notes property to provide addition 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>

Examples