<files-dropzone>

A custom element that creates a drag and drop zone for files.

Demo

This is just a demo dropzone. Dropped files are not uploaded anywhere.

Dropped files

Open the browser's console to watch emitted events with more info of the dropped files.

Customize component

Attributes

max-files

max-size (bytes)

min-size (bytes)

disabled

multiple

no-style

Slots

Default slot

For the demo purposes, the slot is plain text. However, in reality you can use any valid HTML.