open¶

open is a DOM event that occurs whenever the h-portal webcomponent is being opened.

Event body¶

The open body has a TPortalEventData type which represents the details of the opened portal. It is optional so it might not exist.

In this example we listen to open event and perform an action whenever it's emitted.

useStorefront(async (storefront) => {
    document.addEventListener('open', () => {
        console.log('A portal has been opened');
    });
});