Popover placement

[dominicmeyer]

Description

Hi I have the following setup for a popover:

<UPopover>
  <UButton icon="i-heroicons-user" />
  
  <template #panel>
    <UButtonGroup>
      <UButton label="login" />
    </UButtonGroup>
  </template>
</UPopover>

Everthing works as it should, but the Popover gets placed in the middle of the Button.
How can I control the placement of the popover, to set it either beneath or left of the Button.
Maybe I have to use the popper prop, but from the Docs I didn't understand how to use it.

[benjamincanac]

You can use <UPopover :popper="{ placement: 'left' }" /> to control this. The popper object should be documented but we have the #644 bug open for reference.