A tooltip that trails the pointer with a soft lag, and settles in a fixed spot for keyboard focus.
npx shadcn@latest add https://hyperblur.dev/r/tooltip.jsonWorks in any React project set up with the shadcn CLI. The file lands in components/hyperblur/tooltip.tsx.
import { Tooltip } from "@/components/hyperblur/tooltip"
<Tooltip content="Copied to clipboard"><button>Copy</button></Tooltip>| Prop | Type | Default | Description |
|---|---|---|---|
| content | ReactNode | required | What the tooltip shows. |
| children | ReactNode | required | The trigger. Should be focusable, like a button or link. |
| placement | "top" | "bottom" | "top" | Which side of the pointer or trigger the tooltip sits on. |
| delay | number | 120 | Milliseconds before the tooltip appears. |
| follow | boolean | true | Trail the pointer while hovering. When off, the tooltip stays anchored to the trigger. |