Static Documentation Display

This example demonstrates how to use lit-flow as a read-only graph for documentation. Interactions like panning, zooming, and dragging are disabled.

However, custom interactivity like the Group A collapse/expand toggle still works, allowing users to explore the hierarchy without accidentally moving nodes.

To achieve this, we set the following properties on the <lit-flow> element:

<lit-flow 
  show-grid="false"
  nodes-draggable="false"
  nodes-connectable="false"
  pan-on-drag="false"
  zoom-on-scroll="false"
  zoom-on-pinch="false"
  zoom-on-double-click="false"
></lit-flow>