Base/Tooltip
Tooltip
A floating label that provides contextual information on hover or focus. Built on Radix UI. Wrap your app in TooltipProvider once at the root.
Basic
Tooltip on a button with a text label.
Icon Buttons
Tooltips are essential for icon-only buttons to describe their action.
Placement
Control the side the tooltip appears from.
Navigation Labels
Common pattern in collapsed sidebars — tooltip reveals the label.
On Inline Text
Tooltip on a non-button element using a span trigger.
The material meets ISO 13006 certification requirements.