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}`);
});