You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
| data-tooltip-delay-show | number | false || any `number`| The delay (in ms) before showing the tooltip |
74
74
| data-tooltip-delay-hide | number | false || any `number`| The delay (in ms) before hiding the tooltip |
75
75
| data-tooltip-float | boolean | false |`false`|`true``false`| Tooltip will follow the mouse position when it moves inside the anchor element (same as V4's `effect="float"`) |
76
+
| data-tooltip-hidden | boolean | false |`false`|`true``false`| Tooltip will not be shown |
|`className`|`string`| no ||| Class name to customize tooltip element. You can also use the default class `react-tooltip` which is set internally |
101
-
|`classNameArrow`|`string`| no ||| Class name to customize tooltip arrow element. You can also use the default class `react-tooltip-arrow` which is set internally |
102
+
|`classNameArrow`|`string`| no ||| Class name to customize tooltip arrow element. You can also use the default class `react-tooltip-arrow` which is set internally |
102
103
|`content`|`string`| no ||| Content to de displayed in tooltip (`html` prop is priorized over `content`) |
103
104
|~~`html`~~|~~`string`~~|~~no~~|||~~HTML content to de displayed in tooltip~~ <br/>**DEPRECATED**<br/>Use `children` or `render` instead |
104
105
|`render`|`function`| no ||| A function which receives a ref to the currently active anchor element and returns the content for the tooltip. Check the [examples](./examples/render.mdx)|
|`delayShow`|`number`| no || any `number`| The delay (in ms) before showing the tooltip |
117
118
|`delayHide`|`number`| no || any `number`| The delay (in ms) before hiding the tooltip |
118
119
|`float`|`boolean`| no |`false`|`true``false`| Tooltip will follow the mouse position when it moves inside the anchor element (same as V4's `effect="float"`) |
120
+
|`hidden`|`boolean`| no |`false`|`true``false`| Tooltip will not be shown |
119
121
|`noArrow`|`boolean`| no |`false`|`true``false`| Tooltip arrow will not be shown |
120
122
|`clickable`|`boolean`| no |`false`|`true``false`| Allow interaction with elements inside the tooltip. Useful when using buttons and inputs |
121
123
|`closeOnEsc`|`boolean`| no |`false`|`true``false`| Pressing escape key will close the tooltip |
122
124
|`style`|`CSSProperties`| no || a React inline style | Add inline styles directly to the tooltip |
123
125
|`position`|`{ x: number; y: number }`| no || any `number` value for both `x` and `y`| Override the tooltip position on the DOM |
124
-
|`isOpen`|`boolean` no | handled by internal state |`true``false`| The tooltip can be controlled or uncontrolled, this attribute can be used to handle show and hide tooltip outside tooltip (can be used **without**`setIsOpen`) |
126
+
|`isOpen`|`boolean`| no | handled by internal state |`true``false`| The tooltip can be controlled or uncontrolled, this attribute can be used to handle show and hide tooltip outside tooltip (can be used **without**`setIsOpen`) |
125
127
|`setIsOpen`|`function`| no ||| The tooltip can be controlled or uncontrolled, this attribute can be used to handle show and hide tooltip outside tooltip |
126
128
|`afterShow`|`function`| no ||| A function to be called after the tooltip is shown |
127
129
|`afterHide`|`function`| no ||| A function to be called after the tooltip is hidden |
Copy file name to clipboardExpand all lines: docs/docs/upgrade-guide/changelog-v4-v5.md
+1
Original file line number
Diff line number
Diff line change
@@ -48,6 +48,7 @@ If you run into any problems with the tooltip not updating after changes are mad
48
48
-[x]`setIsOpen` - `function` (to control tooltip state) - if not used, tooltip state will be handled internally
49
49
-[x]`position` - `{ x: number; y: number }` - similar to V4's `overridePosition`
50
50
-[x]`float` - `boolean` - used to achieve V4's `effect="float"`
51
+
-[x]`hidden` - `boolean` - when set, the tooltip will not show
51
52
-[x]`render` - `function` - can be used to render dynamic content based on the active anchor element (check [the examples](../examples/render.mdx) for more details)
0 commit comments