Tooltip
A dark hint chip on hover or focus — Attio's icon-button tooltips.
The hover/focus hint behind Attio's icon buttons and truncated cells: a small dark chip that appears after a short delay above the trigger (flipping below near the top edge), and hides on leave, blur, or Escape. Wrap any element.
Preview
Usage
import { Tooltip } from "crisp";
<Tooltip content="Copy link">
<button>Copy</button>
</Tooltip>;API
| Prop | Type | Default | Description |
|---|---|---|---|
content | ReactNode | — | The hint shown on hover / focus. |
children | ReactNode | — | The trigger element (wrapped in an inline span). |
side | "top" | "bottom" | "top" | Preferred side; flips near the edge. |
delay | number | 350 | Delay in ms before showing (hides immediately). |