Closing a UPopover

[votming]

Description

Greetings!

Sorry for the silly question, but how do I close a UPopover manually (via the code)?
I'm following this article, everything is working so far and the popover is opening, but how do I close it? I have buttons within the popover, but clicking them does nothing.

The code is:

<UPopover>
   Open me!
  <template #panel>
      <UButton @click="console.log('Time to close me!')"/>
  </template>
</UPopover>

Thank you in advance!

[benjamincanac]

You can get the close method from the #panel slot:

<UPopover>
  Open me!
  <template #panel="{ close }">
      <UButton @click="close" />
  </template>
</UPopover>

[votming]

@benjamincanac Big thanks! Works like a charm.
Is there a place where I can read about these hacks? What data I can unpack from this panel and other stuff? For example, additional actions on opening a popover? (lazy-loading data for it) I was googling for a few hours straight with no luck, so it would be very helpful.

[benjamincanac]

There's still some work to do on the documentation as those informations should be available. For example, we have detailed informations on slots most of the time: https://ui.nuxt.com/data/table#slots

I'll keep this open to remember to improve the Popover slots docs.