Hello everyone,
I'm attempting to display a @servicenow/now-popover when clicking on a <div>, but the content slot remains empty.
I have experimented with various approaches, but none of them seem to work.
Upon inspecting the DOM, I can see that the <now-popover-panel> element is successfully created, and the popover tail is visible on the screen. However, the content within the popover remains empty.
Could someone assist me with this issue?
Here's my code:
<now-popover positions={[{ 'target':'top-start','content':'top-end' }]}>
<div slot="trigger"> <now-icon icon="lock-fill" size="md" className='locked' /> More Actions </div>
<div slot="content">
THIS IS ME THE POPOVER CONTENT
</div>
</now-popover>
Thanks!
