How to open preline modal programmatically?

[Aux9]

Hi..
lest say I'm using one of the modals here...

How can I open and close it without the button? I mean using JavaScript directly?

[P00HB33R]

Using javascript:

import { HSOverlay } from 'preline';

function myFunc(){

//Open
HSOverlay.open('#hs-modal-id-you-want-to-open');

//Closing
HSOverlay.close('#hs-modal-id-you-want-to-open');
}

async function myAsyncFunc(){

//Open
await HSOverlay.open('#hs-modal-id-you-want-to-open');

//Closing
await HSOverlay.close('#hs-modal-id-you-want-to-open');
}

[elasawilmar7]

how to open modal with a function in livewire component? with this example

[steffenr]

I had a similar issue and it can be solved by using the following snippet (for vanilla javascript).

<script>
    window.addEventListener('load', () => {
        HSOverlay.open('#hs-full-screen-modal-below-md');            
    });
</script>