<.popover id="popover-single-basic" class="p-4">
  Content
</.popover>

<.popover id="popover-position-top" position="top" class="p-4">
  Top
</.popover>
<.popover id="popover-position-left" position="left" class="p-4">
  Left
</.popover>
<.popover id="popover-position-right" position="right" class="p-4">
  Right
</.popover>
<.popover id="popover-position-bottom" position="bottom" class="p-4">
  Bottom
</.popover>