DiagramConnectionTooltipProps

Premium

Updated on Apr 2, 2026

Defines a custom template for connection tooltips within the Diagram component. Use this to customize how tooltips appear when hovering over connections.

tsx

import { Diagram, DiagramConnectionTooltip } from '@progress/kendo-react-diagram';

const App = () => (
  <Diagram>
    <DiagramConnectionTooltip>
      {(dataItem) => <span>{dataItem.tooltipText}</span>}
    </DiagramConnectionTooltip>
  </Diagram>
);

Name	Type	Default	Description
children	(dataItem: TDataItem) => ReactNode		A render function that receives the hovered connection data item and returns the tooltip content.