Tooltip

Wraps any element and shows a floating label on hover after a short delay. The tooltip follows the cursor and is portalled to #atom-forge-portal-target to avoid clipping.

Root supplies the portal target; if it is absent, Tooltip falls back to document.body. This implementation responds to mouse hover only, not keyboard focus, and does not add role=tooltip or aria-describedby automatically. Keep essential instructions visible and give icon-only triggers their own accessible names.


Basic Usage

Wrap any element with Tooltip and provide a label.


Inverted

Add inverted for a dark background with light text — useful on light surfaces.


Rich Content

Use the content snippet to render any markup inside the tooltip instead of plain text.


Delay

Control how long the user must hover before the tooltip appears. Use immediate as shorthand for delay=0.


Fixed Position

Add fixed to anchor the tooltip to the trigger element instead of following the cursor.