Tooltip
Displays an information popup next to an element when that element is hovered or receives focus.
Importing
1
import { Tooltip } from '@infinityfx/fluid';Usage
Groups
API reference
Tooltip Props
variant?
'default' | 'inverted'
'default'
content?
React.ReactNode
The content (text or elements) to display inside the tooltip popup.
position?
'auto' | 'top' | 'left' | 'bottom' | 'right'
'auto'
How to position the tooltip relative to its trigger child.
delay?
number
0.3
Hover delay in seconds before the tooltip opens.
visibility?
'never' | 'interact' | 'always'
'interact'
When to show the tooltip.