New to KendoReact? Start a free 30-day trial

DiagramShapeTooltipProps

Interface

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

Definition

Package:@progress/kendo-react-diagram

Syntax:

tsx

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

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

Properties

children

A render function that receives the hovered shape data item and returns the tooltip content.

Parameters:dataItemTDataItemReturns:

ReactNode