File dropzone

Preview

Default
Drop files here or click to upload
With constraints

Drag and drop files here, or click to browse

Usage

<cs-file-dropzone>Drop files here</cs-file-dropzone>
<script>
  document.querySelector('cs-file-dropzone').addEventListener('drop-files', (e) => {
    console.log('Files:', e.detail.files);
  });
</script>

Properties

Slots

default

Children of the Dropzone.

Events

changeCustomEvent<FileDropzoneProps.ChangeDetail>

Called when the user selects new file(s), or removes a file. The event detail contains the current value of the component.