Tooltips

Tooltips display specific information when hovering over a step or transition. Configure the tooltip by setting a custom React component in the renderTooltip prop. The ProcessMining component provides a default tooltip that displays the label of the item and the current heat value.

function ProcessMiningDiagram() {
  return (
    <ProcessMining
      eventLog={EventLog}
      timestamp={5}
      renderTooltip={RenderTooltip}>
    </ProcessMining>
  )
}

You can also specify custom React components to render the tooltips according to your specific requirements: