x
1
2
3
4
5
6
7
<span class="" data-controller="tooltip" data-tooltip-placement-value="top" data-tooltip-hide-value="true" data-tooltip-opened-value="false">
<div class="text-xs text-gray-100 bg-gray-900 py-2 px-3 text-nowrap rounded-lg w-max-content absolute left-0 top-0 hidden" data-tooltip-target="tooltip">
<div class="absolute bg-gray-900 w-2 h-2 overflow-hidden" data-tooltip-target="arrow"></div>
Tooltip content
</div>
<button>Hover me</button>
</span>
Param Description Input

1
2
3
render ui.tooltip(content, placement: placement, opened: opened, hide: hide) do
tag.button "Hover me"
end