---
name: tooltip
category: overlays
summary: "Hover/focus floating label, auto-positioned"
subpath: "@42/core/tooltip"
---

Floating tooltip on hover/focus. Auto-positioned via floating-ui.

```html
<span data-c42-tooltip>
  <button data-c42-tooltip-trigger>Hover me</button>
  <div data-c42-tooltip-content>Tooltip text</div>
</span>
```

```ts
import { Tooltip } from '@42/core/tooltip';
new Tooltip(root, { placement: 'top', offset: 6, openDelay: 200, closeDelay: 0 });
```

Options: `placement`, `offset`, `openDelay`, `closeDelay`
Events: `tooltip:open`, `tooltip:close`