Positions
Top tooltipBottom tooltipLeft tooltipRight tooltip
On an Icon Button
Edit this itemDelete permanently
With Delay
Hover delay prevents tooltips from flickering on quick mouse passes.
No delay (instant)300ms delay600ms delay
Rich Content
Use ContentComponent to pass a templ component as tooltip content.
Keyboard shortcut
Ctrl + K
Opens the command palette
Usage
@overlays.Tooltip(overlays.TooltipProps{
Content: "Helpful hint", // plain text
ContentComponent: myRichTempl(), // OR rich component
Position: "top", // "top" | "bottom" | "left" | "right"
Delay: 300, // hover-open delay in ms (default 0)
}) {
<button>Hover me</button>
}