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
Copy file name to clipboardExpand all lines: docs/docs/options.mdx
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -59,7 +59,7 @@ import { Tooltip } from 'react-tooltip';
59
59
| data-tooltip-id | string | false ||| The id set on the tooltip element (same as V4's `data-for`) |
60
60
| data-tooltip-content | string | false ||| Content to de displayed in tooltip (`html` is priorized over `content`) |
61
61
| data-tooltip-html | string | false ||| HTML content to de displayed in tooltip |
62
-
| data-tooltip-place | string | false |`top`|`top``right``bottom``left`| Position relative to the anchor element where the tooltip will be rendered (if possible) |
62
+
| data-tooltip-place | string | false |`top`|`top``top-start``top-end``right``right-start``right-end``bottom``bottom-start``bottom-end``left``left-start``left-end`| Position relative to the anchor element where the tooltip will be rendered (if possible) |
63
63
| data-tooltip-offset | number | false |`10`| any `number`| Space between the tooltip element and anchor element (arrow not included in calculation) |
64
64
| data-tooltip-variant | string | false |`dark`|`dark``light``success``warning``error``info`| Change the tooltip style with default presets |
65
65
| data-tooltip-wrapper | string | false |`div`|`div``span`| Element wrapper for the tooltip container, can be `div`, `span`, `p` or any valid HTML tag |
@@ -94,7 +94,7 @@ import { Tooltip } from 'react-tooltip';
94
94
|`content`|`string`| no ||| Content to de displayed in tooltip (`html` prop is priorized over `content`) |
95
95
|~~`html`~~|~~`string`~~|~~no~~|||~~HTML content to de displayed in tooltip~~ <br/>**DEPRECATED**<br/>Use `children` or `render` instead |
96
96
|`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)|
97
-
|`place`|`string`| no |`top`|`top``right``bottom``left`| Position relative to the anchor element where the tooltip will be rendered (if possible) |
97
+
|`place`|`string`| no |`top`|`top``top-start``top-end``right``right-start``right-end``bottom``bottom-start``bottom-end``left``left-start``left-end`| Position relative to the anchor element where the tooltip will be rendered (if possible) |
98
98
|`offset`|`number`| no |`10`| any `number`| Space between the tooltip element and anchor element (arrow not included in calculation) |
99
99
|`id`|`string`| no || any `string`| The tooltip id. Must be set when using `data-tooltip-id` on the anchor element |
100
100
|~~`anchorId`~~|~~`string`~~|~~no~~||~~any `string`~~|~~The id for the anchor element for the tooltip~~ <br/>**DEPRECATED**<br/>Use `data-tooltip-id` or `anchorSelect` instead |
0 commit comments