Components

Tooltip

Tooltip — a small hover/focus hint that explains the trigger it wraps (e.g. a terse icon button, a truncated folio line, a status badge). Wrap the trigger as `children` and pass the hint as `tip`; a string tip rides the `data-tip` attribute, while a richer node renders in a `.tooltip-content` bubble. Move it with `placement`, colour it with `tone` to echo the surface it annotates, and set `open` to pin it visible for a walkthrough or a screenshot. Keep tips to a phrase — they supplement the UI, they are not where the real content lives.