# Tooltip

The Sankey Chart has built-in tooltips that are displayed for the nodes and links when hovering them. This does not require any configurations and is handled by the component.

[Demo Source](https://demos.telerik.com/kendo-react-ui/charts/sankey/tooltip/default/source.txt)

## Customize Tooltip Behaviour

You can customize the tooltip behavior using the [`tooltip`](https://www.telerik.com/kendo-react-ui-develop/components/charts/api/sankeyprops#tooltip) property. The following options are available:

* `offset`—Set the distance between the pointer and the tooltip.
* `visible`—Set whether the tooltip is displayed or not.
* `followPointer`—Set whether the tooltip follows the pointer or not.
* `delay`—Set the delay until the tooltip is displayed after hovering.

[Demo Source](https://demos.telerik.com/kendo-react-ui/charts/sankey/tooltip/custom-behaviour/source.txt)

## Render a Custom Tooltip

The [`tooltip`](https://www.telerik.com/kendo-react-ui-develop/components/charts/api/sankeyprops#tooltip) property also provides additional options that allow you to customize the rendering of the tooltip element:

* `nodeComponent`—Customize the content of the node tooltip.
* `linkComponent`—Customize the content of the link tooltip.

[Demo Source](https://demos.telerik.com/kendo-react-ui/charts/sankey/tooltip/custom-render/source.txt)

## Suggested Links

* [API Reference of the Charts](https://www.telerik.com/kendo-react-ui-develop/components/charts/api)
* [API Reference of the Sankey chart](https://www.telerik.com/kendo-react-ui-develop/components/charts/api/sankeyprops)