Tooltip

A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.

<april:tooltip>
    <slot:trigger>
        <april:button variant="outline">Hover</april:button>
    </slot:trigger>
    <slot:content>
        <p>Add to library</p>
    </slot:content>
</april:tooltip>