tabler/src/pages/_docs/popover.md

title, description, bootstrap-link, menu

title	description	bootstrap-link	menu
Popovers	Popovers are used to provide additional information on elements where a simple tooltip is not sufficient.	components/popovers	help.docs.components.popover

Default markup

To create a default popover use:

{% capture code %} Click to toggle popover {% endcapture %} {% include example.html code=code %}

Four directions

Four options are available: top, right, bottom, and left aligned. Directions are mirrored when using Bootstrap in RTL.

{% capture code %} Popover on top Popover on right Popover on bottom Popover on left {% endcapture %} {% include example.html code=code %}

Popover on hover

Popover can be triggered manual, with a click and on focus and on hover. This one reacts on hover.

{% capture code %} Hover to toggle popover {% endcapture %} {% include example.html code=code %}