Tooltip
A floating label that appears on hover or focus. Positioned automatically and viewport-clamped.
Placements
Tooltips auto-clamp to stay within the viewport. Hover each button to see the tooltip.
Appears on topAppears on the rightAppears belowAppears on the left
Custom delay
Adjust the hover delay. Default is 300 ms.
Instant (0 ms delay)Slow (800 ms delay)
On any element
Tooltips work on any focusable element — hover or focus to trigger.
Assigned to a BadgeHover meAlso works on icon buttons
Disabled
Set disabled to suppress the tooltip entirely.