New to KendoReact? Start a free 30-day trial

DiagramConnectionTooltipProps

Interface

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

Definition

Package:@progress/kendo-react-diagram

Syntax:

tsx

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

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

Properties

children

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

Parameters:dataItemTDataItemReturns:

ReactNode