Tooltip
Navigation
A tooltip with 4 positions, configurable delay, direction-aware motion animation, and arrow pointer.
Loading preview...
Customize
Position:
Content
Delay (ms)300
Props
| Prop | Type | Default | Description |
|---|---|---|---|
content | string | — | Text to display in the tooltip. |
children | React.ReactNode | — | The trigger element the tooltip is attached to. |
position | 'top' | 'bottom' | 'left' | 'right' | 'top' | Where the tooltip appears relative to the trigger. |
delay | number | 300 | Delay in milliseconds before the tooltip appears. |
className | string | '' | Additional CSS classes for the tooltip. |