Control or disable hovercard

You can manually control hovercard when selecting the coup-doeil element using javascript.

<coup-doeil id="my-hovercard">
    
</coup-doeil>

const coupdoeilElement = document.querySelector("coup-doeil#my-hovercard")

open

coupdoeilElement.openHovercard()

close

coupdoeilElement.closeHovercard()

disabling/enabling

The hovercard can be disabled so it won’t open, regardless of the trigger option selected.

coupdoeilElement.disabled // => false

coupdoeilElement.disabled = true

coupdoeilElement.disabled // => true