Tooltip
A small label that appears on hover or focus after a short delay, with an arrow.
$ npx shadcn@latest add https://ui.elysiumdesigns.in/r/tooltip.jsonCopy linkSearch ⌘KClose
More variants
With shortcut
Bold⌘BItalic⌘ISearch⌘K
Rich tooltip
Ask first
The agent stops and asks before it sends, buys or deletes anything.
When to use
- A small label that appears on hover or focus after a short delay, with an arrow.
- You want a overlays piece that already handles empty, loading and dark states.
Installation
Add Tooltip with the shadcn CLI – your project needs a components.json – or copy the file by hand.
$ npx shadcn@latest add https://ui.elysiumdesigns.in/r/tooltip.jsonAPI reference
Tooltip
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | – | Extra classes on the root element. |
look | "classic" | "clean" | "classic" | Visual style. Both follow your light or dark theme. |