Tooltip
Overview
When to use
Tooltips are useful for providing additional information or context when users hover or interact with specific elements. They can be used to explain the purpose of an icon, button, or any other interactive element.
Smart Placement
The Tooltip component automatically adjusts its placement to ensure optimal visibility within the viewport. This smart placement feature ensures that the tooltip is displayed in a position where it won't be cut off by the edges of the screen.
Component
Default
Properties
Default
| Property | Type | Required | Default |
|---|---|---|---|
| utilClassNames | String | false | - |
| children | Node | false | - |
| componentRef | Shape {
"current": "Any"
} | false | - |
| trigger | Node | false | - |