Tooltip
A popup that displays information when hovering over an element.
Installation
$npx maddex add Tooltip
Basic
Start with the uncontrolled primitive for short hover and focus hints.
Preview
Controlled
Pass open and on-open-change when another part of the page needs the same visibility state.
Preview
Release readiness
{releaseTooltipCopy}
{releaseTooltipStatus}
Deployment review
Keep the surrounding summary in sync with the tooltip state.
Positioned and Instant
Use provider timing and content positioning props together when the hint needs to appear immediately in a dense toolbar.
Preview