Skip to main content

Popovers v0.2.0+ HelixUI v0.2.0 or later required

Basic Popover

Popover Header

This is my popover body

<button data-popover="myPopover" class="hxBtn">Toggle</button>
<hx-popover id="myPopover" position="{{ position.value }}">
  <hx-popover-head>
    Popover Header
  </hx-popover-head>

  <hx-popover-body>
    <p>This is my popover body</p>
  </hx-popover-body>

  <hx-popover-foot>
    <button class="hxBtn hxPrimary">Submit</button>
    <button class="hxBtn">Cancel</button>
  </hx-popover-foot>
</hx-popover>

See Also