TooltipProps
Represents the props of the KendoReact Tooltip component.
Name | Type | Default | Description |
---|---|---|---|
anchorElement? |
|
Sets the anchor element of the Tooltip. The available options are:
jsx
| |
appendTo? |
|
Defines the container to which the Tooltip will be appended.
Defaults to jsx
| |
children? |
|
Specifies the children elements of the Tooltip. Used to define the content of the Tooltip. jsx
| |
className? |
|
Specifies additional CSS classes for the Tooltip animation container. jsx
| |
content? |
|
Sets the content of the Tooltip (see example). Can be a string, JSX, or a function returning JSX. jsx
| |
filter? |
|
Callback function to determine if the Tooltip should be displayed for a specific target element (see example). jsx
| |
id? |
|
Specifies the jsx
| |
onClose? |
|
Fires when the Tooltip is hidden. Provides the event details. jsx
| |
onOpen? |
|
Fires when the Tooltip is shown. Provides the event details. jsx
| |
onPosition? |
|
Callback function triggered when the Tooltip calculates its position.
Allows customization of the jsx
| |
open? |
|
Controls the visibility of the Tooltip.
When set, the Tooltip operates in controlled mode (see example).
Requires the jsx
| |
openDelay? |
|
Specifies a delay in milliseconds before the Tooltip is displayed. jsx
| |
parentTitle? |
|
Enables the Tooltip to display the title of any parent element with a jsx
| |
position? |
|
Sets the position of the Tooltip (see example). The available options are:
jsx
| |
setCalloutOnPositionAuto? |
|
Specifies the starting point of the Tooltip callout when the position is set to jsx
| |
showCallout? |
|
Determines whether the Tooltip callout (arrow) is displayed. jsx
| |
showOption? |
|
Configures when the Tooltip will be displayed. The available options are:
jsx
| |
style? |
|
Specifies the styles applied to the Tooltip animation container. jsx
| |
targetElement? |
|
Specifies the target element for the Tooltip. Required when the Tooltip is in controlled mode. jsx
| |
tooltipClassName? |
|
Specifies additional CSS classes for the Tooltip DOM element. jsx
| |
tooltipStyle? |
|
Specifies the styles applied to the Tooltip DOM element. jsx
| |
updateInterval? |
|
Specifies the interval in milliseconds for the Tooltip to check for title changes. By default, the Tooltip does not track title updates. jsx
|