Tooltip
Mono-label tooltip with 200ms delay. Radix handles positioning, auto-flip, collision padding, and pointer/touch grace periods — wrap consumers in TooltipProvider once near the root.
Source
src/components/ui/tooltip.tsxDefault
Wrap the trigger with Tooltip + TooltipTrigger (asChild to keep your button as-is). Arrow points at the trigger.
Sides
side=top | right | bottom | left. Auto-flips when near the viewport edge.
With keyboard shortcut
Use a compound label to surface shortcuts alongside the primary hint.