Tooltips

Tooltips display specific information when hovering over an item. Configure the tooltip by setting a custom React component in the renderTooltip prop. The organization chart component provides a default tooltip that displays the name of a person:

function OrganizationChart () {
  return (
    <OrgChart
      data={data}
      renderTooltip={RenderOrgChartTooltip}>
    </OrgChart>
  )
}

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