Tooltip
Brief and informative hover text
import { Tooltip } from "@plexui/ui/components/Tooltip";Examples
Base
Different triggers
Inaccessible trigger
Conditionally enabled
Compact tooltips
Reference
| Prop | Type | Default | Description |
|---|---|---|---|
content | ReactNode | — | Tooltip content (null = no tooltip) |
compact | boolean | false | Short 1–3 word tooltips, inverse styling |
interactive | boolean | false | Content is interactive, stays open when hovered |
maxWidth | number | "none" | 300 | Max width of tooltip |
openDelay | number | 150 | Delay before showing (ms) |
side | string | "top" | Preferred side |
sideOffset | number | 5 | Distance from trigger |
align | string | "center" | Alignment |
alignOffset | number | 0 | Alignment offset |
gutterSize | "sm" | "md" | "lg" | "md" | Content padding |
contentClassName | string | — | Class for tooltip content |
forceOpen | boolean | — | Force open or closed |