Tooltip
A popup that displays informative text when a user hovers or focuses an element.
$
Registry itembunx shadcn@latest add @nx-ui/tooltipInstalls withutils
Used byai-artifactai-checkpointai-messageai-web-previewapp-shellavatar-groupcompliance-checklistmap-toolbarmaterial-selectorroute-toolsidebar
Basic usage
Hover or focus the trigger to reveal a short hint.
Placement
TooltipContent accepts side and align, same as the underlying Positioner.
Icon-only triggers
Pair with an aria-label on the trigger so the control stays accessible when the tooltip hasn't opened yet.
Disabled trigger & delay
A disabled button still shows a tooltip explaining why; TooltipProvider's delay prop controls the group's open latency.
Waste manifest toolbar
A realistic composition — icon actions and a status badge on a Nexus consignment row, each with a tooltip explaining its purpose.
Consignment NX-20482Meadowbrook Depot → Fenwick Recovery Site
Compliant
API reference
Exported parts and their props, extracted from the component source.