Popover

• src
• components
• popover.scss

---

Class list

Description

The .popover can also make use of the .reveal-wrapper covered in the dropdown page of the docs. Any content you want can be put inside of a .popover.

Example

<div class="reveal-wrapper">
    <button class="button">revealed</button>
    <div class="popover">Lorem ipsum dolor.</div>
</div>

Popover Placement

Use the .on-bottom, .on-left, or .on-right classes on a .popover to adjust the placement of the popover.

<div class="reveal-wrapper">
    <button class="button">revealed</button>
    <div class="popover on-bottom">Lorem ipsum dolor.</div>
</div>