Expected behavior Able to init a modal.

Actual behavior Not working.

Hi, I used to work with modals like this: in functions.php I register and enqueue the file like:

wp_register_script( 'mdb', site_url() . '/MDB5-STANDARD-UI-KIT-Pro-Advanced-6-4-1/js/mdb.min.js', array(), _S_VERSION, true );

In my html:

data-mdb-toggle="modal"

Now I noticed updated documentation - with things like 'ES', 'UMD' and

import { Modal, initMDB } from "mdb-ui-kit";

initMDB({ Modal });

For me as a beginner it is hard because I don't find any explanation on the MDB website like:

• where do I need to exactly put the import code?
• why has this changed and can't I use data-mdb-toggle="modal" anymore?

For me it feels like only half of the required info is explained, even in the /learn page nothing is told about how to import exactly.

I tried to use the sandbox but that also gives errors like

Cannot use import statement outside a module

I am a bit disappointed because every time I want to use MDB for an (at 1st sight) easy job, like the simplest possible modal, I get stuck in importing issues. Note: I don't use bundlers etc, just enqueueing the minified js file.

Some help would be appreciated!