children | React.Node | (optional) Provide a string or a React Element to be shown as the tooltip content. |
active | boolean | (optional) set to true the tooltip will show up. |
position | top
right
left
bottom | (optional) defines the offset position to the target element the arrow appears. Can be top, right, left and bottom. Defaults to top. |
align | center
right
left | (optional) defines the offset alignment to the target element the arrow appears. Can be center, right and left. Defaults to center. |
arrow | center
top
right
bottom
left | (optional) defines the direction where the arrow appears. Can be center, top, right, bottom and left. Defaults to center. |
skipPortal | boolean | (optional) set to true to disable the React Portal behavior. Defaults to false. |
showDelay | boolean | (optional) define the delay until the tooltip should show up after the initial hover / active state. |
hideDelay | boolean | (optional) define the delay until the tooltip should disappear up after initial visibility. |
size | large
basis | (optional) defines the spacing size of the tooltip. Can be large or basis. Defaults to basis. |
targetElement | React.Node
React.RefObject | (optional) provide an element directly as a React Node or a React Ref that will be wrapped and rendered. |
targetSelector | string | (optional) specify a vanilla HTML selector by a string as the target element. |
noAnimation | boolean | (optional) set to true if no fade-in animation should be used. |
fixedPosition | boolean | (optional) If set to true, the Tooltip will be fixed in its scroll position by using CSS position: fixed;. Defaults to false. |
Space | string
object | (optional) Spacing properties like top or bottom are supported. |