tooltip API
overlays/tooltip.tsx
Tooltip
Props
| Prop | Type | Default | Description |
|---|---|---|---|
children* | React.ReactNode | — | |
content* | React.ReactNode | — | |
direction | TooltipDirection | Side | undefined | TooltipDirection.Bottom | Preferred side — enum or plain 'top' | 'bottom' | 'left' | 'right'. |
size | TooltipSize | LegacySize | undefined | TooltipSize.Compact | |
delayMs | number | undefined | 400 | Hover delay before showing, in ms. Default 400. |
open | boolean | undefined | — | Controlled visibility. |
contentClassName | string | undefined | — | Extra classes for the tooltip bubble. |
widthClassName | string | undefined | — | Width constraint override for the bubble (e.g. 'max-w-xs'). |
placement | "top" | "right" | "bottom" | "left" | undefined | — | @deprecated Legacy alias for `direction`. |
animationVariants | unknown | — | @deprecated Animations are CSS-driven now; this prop is ignored. |
Show native HTML props
Native HTML Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | undefined | — | Optional bold heading above the content. |
onOpenChange | ((open: boolean) => void) | undefined | — |