Tooltip

A popup that displays information related to an element on hover.

Default

Positions

Alignment

With Icon Buttons

Usage

<twig:Tooltip text="Add to library">
    <twig:Button variant="outline">Hover me</twig:Button>
</twig:Tooltip>

<twig:Tooltip text="..." side="bottom">...</twig:Tooltip>
<twig:Tooltip text="..." side="left">...</twig:Tooltip>
<twig:Tooltip text="..." side="right">...</twig:Tooltip>

<twig:Tooltip text="..." side="top" align="start">...</twig:Tooltip>
<twig:Tooltip text="..." side="top" align="end">...</twig:Tooltip>