FilePondDropAreaElement

Events

updaterect

A custom event carrying the current root element rect.

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

Custom Properties

These are the custom properties that can be sets on the <file-pond-drop-indicator> element, they describe the appearance of the drop area.

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;
}