Tooltips

Tooltips display specific information when hovering over an item. Configure the tooltip by setting a custom React component in the renderTooltip prop. The SupplyChain component provides a default tooltip that displays the name of the item and a data-grid of key-value pairs:

function SupplyChain () {
  return (
    <SupplyChain
      data={data} 
      renderTooltip={RenderSupplyChainTooltip}>
    </SupplyChain>
  )
}

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