DiagramShapeTooltipProps

Premium

Updated on Apr 2, 2026

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

tsx

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

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

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