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