Tooltip
Lightweight tooltip with four sides, show delay and keyboard focus support.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
TooltipProps
Also accepts all props of Omit<React.ComponentProps<"span">, "content">
| Prop | Type | Default | Description |
|---|---|---|---|
| content* required | React.ReactNode | — | — |
| side | Side | "top" | — |
| delay | number | 300 | Delay before showing, in ms |
| showArrow | boolean | true | — |
| open | boolean | — | Keep the tooltip visible (useful for docs and previews) |
Install
$ npx shadcn@latest add https://chromotion.dev/r/tooltip.jsonThe CLI installs the base component; your customizations live in the code generated on the Customize tab.