Installation

As ESM or ES6 module

<!-- First load the modal styles -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/layered-modal@latest/dist/styles.min.css">

<!-- Or, node modules directory -->

<link rel="stylesheet" href="./node_modules/layered-modal/dist/styles.min.css">

<!-- Then import the main class -->
<script type="module">
    import {ModalManager} from "https://cdn.jsdelivr.net/npm/layered-modal@latest/dist/bundle.min.esm.js";
    
    window.ModalManager = ModalManager;
</script>

<!-- Or, node modules directory -->

<script type="module">
    import {ModalManager} from "./node_modules/layered-modal/dist/bundle.min.esm.js";
    
    window.ModalManager = ModalManager;
</script>

<script>

    /**
    * Now lets display a modal on DOM load ...
    */

    document.addEventListener('DOMContentLoaded', function () {
        
        ModalManager.instance.addModal({
            body : {
                content : 'Hello world!'
            } 
        });
        
    });

</script>