Popover Trigger Event By default, popover activates on click, but the behavior can be changed to “hover” via the trigger_event prop. Demo This triggers a popover on hover This is the content of the popover with a call to action .

Twig

{% include '@bolt-components-popover/popover.twig' with { trigger: trigger, trigger_event: 'hover', // Default is 'click'. content: content, } only %}

HTML

<bolt-popover spacing="medium" trigger-event="hover"> <button type="button" class="e-bolt-button"> This triggers a popover </button> <div slot="content"> This is the content of the popover. </div> </bolt-popover>