Popover

A floating content component

Properties#

Name	Description
.popover	The popover component
.popover-container	The popover container component with a default width of `320px`
.popover-click .popover-hover	The popover triger: open by click / hover
.popover-left .popover-right .popover-top-left .popover-top-center .popover-top-right .popover-bottom-left .popover-bottom-center .popover-bottom-right	The popover display position

Features#

default#

The default popover container's background color is transparent. You may paint the color yourself.

trigger

position

<div class="popover popover-top-right popover-hover">
  <button class="button">top right popover</button>
  <div class="popover-container bg-white shadow-lg rounded">
    <!-- popover content -->
  </div>
</div>