papercss/docs/content/docs/components/popovers.md

title	description
Popovers	PaperCSS Popovers

Basic usage

You can add popovers, also called tooltips, on your elements. popover attribute is the popover text content, popover-position attribute can be: top, left, right, bottom.

Popover left position

Popover top position

Popover bottom position

Popover right position

Code:

<p popover="Popover on left" popover-position="left">Popover left position</p>
<p popover="Popover on top" popover-position="top">Popover top position</p>
<p popover="Popover on bottom" popover-position="bottom">Popover bottom position</p>
<p popover="Popover on right" popover-position="right">Popover right position</p>

But you can also popover on pretty much any element you want, it can be on a button, on a table cell, ...

Popover on top and on a button!

Code:

<button popover="Popover on top" popover-position="top">Popover on top and on a button!</button>