Popover
Click the buttons to toggle popovers.
How to use
<div class="ar-popover">
<button class="ar-btn" data-ar-popover="pop-1">Open</button>
<div class="ar-popover-content" id="pop-1" data-ar-placement="bottom">
<div class="ar-popover-title">Title</div>
<p>Popover content</p>
</div>
</div>Placement: data-ar-placement="top|bottom|left|right" ยท toggle: click trigger again or click outside.
Popover Title
This popover appears below the trigger button.
Info
This popover appears above the trigger.
Right-side popover with rich content.