Tooltip
The Tooltip component provides additional context or descriptions through a non-interactive overlay. It appears on hover or keyboard focus, helping users understand interface elements without cluttering the layout.
tsx
Default
Wrap any element with Tooltip + TooltipTrigger to show a tooltip on hover. The tooltip appears after a configurable delay.
Sizes
Two sizes: md (default) and sm. Each adjusts padding and font size.
With Shortcut
Displays a keyboard shortcut indicator alongside the tooltip label.
Placement
Controls which side the tooltip appears on. Auto-flips when space is constrained.