Tooltip
Each example below is a real component instance — flip the theme toggle to see how it adapts.
Two surfaces: SimpleTooltip is the one-liner used in the examples below — it bundles its own TooltipProvider and takes a content prop. For composition (shared provider, many triggers, async content), reach for the lower-level Tooltip + TooltipTrigger + TooltipContent primitives instead.
Basic#
Sides#
Loading…
Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| content * | ReactNode | — | Tooltip text/content. |
| children * | ReactNode | — | Trigger element — usually a Button or IconButton. |
| side | enum | top | Side: top (default) | right | bottom | left. |
| delayDuration | number | undefined | 400 | Open/close delay in ms (overrides provider default). |