defineFilePond

The defineFilePond function registers the <file-pond> custom element on the page and returns all <file-pond> elements currently active on the page.

import { defineFilePond } from 'filepond';
import { locale } from 'filepond/locales/en-gb.js';

const elements = defineFilePond({
    locale,
});

defineFilePond accepts a single configuration object which is automatically passed to every FilePond element found on the page.

The locale property is the only required parameter, without a default locale the UI cannot render.

defineFilePond internally calls createFilePondExtensionSet to automatically load a default set of extensions.