The FilePondDropAreaElement class extends the FilePondSvelteComponentElement class. The class used to construct the <file-pond-drop-area> element.

Events

“updaterect”

A custom event carrying the current root element rect.

const element = document.querySelector("file-pond-drop-area");

element.addEventListener("updaterect", (e) => {
  console.log(e.detail);
  // logs: { x:number, y:number, width: number, height: number }
});

Custom Properties

border

file-pond-drop-area {
  --border: none;
}

border-radius

file-pond-drop-area {
  --border-radius: none;
}

background-color

file-pond-drop-area {
  --background-color: transparent;
}