Tooltip
Tooltips display brief helper text when users hover or focus an element. (Powered by Radix)
$cookest-ui add tooltip
Basic
A basic tooltip.
On Different Elements
Tooltips can wrap any element — buttons, badges, or inline text.
NewHover this text
| Prop | Type | Default | Description |
|---|---|---|---|
side | "top" | "bottom" | "left" | "right" | "top" | Which side of the trigger the tooltip appears on. |
delayDuration | number | 700 | Delay in milliseconds before the tooltip appears on hover (set on TooltipProvider). |
asChild | boolean | — | Whether the Trigger should merge its props onto its immediate child. |