JavaScript event - Fluid Topics - Latest

How to Add In-Product Help

Category
Technical Notes
Audience
public
Version
Latest

Fluid Topics's in-product help has a JavaScript event called visibility-change. Use visibility-change to trigger actions when users change the in-product help's display mode.

For example:

document.querySelector('ft-in-product-help').addEventListener('visibility-change', (event) => {
    console.log(event);
    alert(`Help visibility changed:\n\ndisplayMode: ${event.detail.displayMode}\nopened: ${event.detail.opened}`);
});