Tooltip
A tooltip displays a piece of contextual information to explain a feature or terminology.
Component props
| Name | Default value | Type | Is required? | Description |
|---|---|---|---|---|
content | ReactNode | Yes | Content of tooltip | |
trigger | ReactElement<any, string | JSXElementConstructor<any>> | Yes | Anchor for popover | |
placement | Placement | No | Position of popover relative to trigger | |
triggerAction | "hover" | "click" | No | User action that toggles the popover's visibility | |
withShadow | boolean | No | Should the popover have a shadow? | |
invertColors | boolean | No | Should the color palette be inverted (dark and light) | |
closeOnClickAway | boolean | No | Should the popover close when the user clicks somewhere else? | |
className | string | No | CSS class | |
openDelay | number | No | Delay in milliseconds before popover opens on hover | |
closeDelay | number | No | Delay in milliseconds before popover closes after hover |