FilePondFrameElement

Events

rectchange

Fired when the drop area element rect is updated.

element.addEventListener("rectchange", (e: CustomEvent<Bounds>) => {
  // Event handler
});

Custom Properties

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

border

file-pond-frame-element {
  --border: none;
}

border-radius

file-pond-frame-element {
  --border-radius: none;
}

background-color

file-pond-frame-element {
  --background-color: transparent;
}