Tooltip
overlayRadix-powered tooltip with custom GridNest styling and smooth appear/disappear animation.
import { Tooltip } from '@/components/forge'Preview
Tooltip
Code Example
Props
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
content | React.ReactNode | - | Yes | Tooltip content |
side | 'top' | 'right' | 'bottom' | 'left' | 'top' | No | Preferred side to render |
delayDuration | number | 120 | No | Open delay in ms |
children | React.ReactNode | - | Yes | The trigger element |
Variants
toprightbottomleft
Accessibility
- Radix Tooltip provides aria-describedby linking trigger to content
- Keyboard accessible - opens on focus
- Closes on Escape or blur