Parent Child Relation
This example demonstrates how to dynamically create parent-child relationships between nodes. You can drag a node over a group node to attach it as a child, and use the toolbar’s “detach” button to remove it. The implementation handles the complex position calculations needed when transforming absolute positions to parent-relative coordinates.
This is a Pro example. Get all pro examples, templates, 1:1 support from the xyflow team and prioritized Github issues with a React Flow Pro subscription.
About this Pro Example
- Dependencies: @xyflow/react
Last updated on