import { Tooltip } from "@nodus/design-system"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
contentreq | ReactNode | — | Tooltip text or content |
side | "top" | "bottom" | "left" | "right" | "top" | Tooltip placement |
delayDuration | number | 200 | Hover delay in milliseconds |
contentrequiredType
ReactNodeDefault —Tooltip text or content
sideType
"top" | "bottom" | "left" | "right"Default "top"Tooltip placement
delayDurationType
numberDefault 200Hover delay in milliseconds
MobileWorks As-Is
Tooltips do not trigger on touch devices — hover is unavailable on mobile. Move critical guidance from tooltips to inline labels or info icons that open a popover on tap.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?