Tooltip

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

Add to library

Component Code 
<x-aui::tooltip>
    <x-slot:trigger>
        <x-aui::button variant="outline">Hover</x-aui::button>
    </x-slot:trigger>
    <x-slot:content>
        <p>Add to library</p>
    </x-slot:content>
</x-aui::tooltip>