How can I collapse/expand large sub-trees?

[hchaudhary1]

I have large graphs. And I want the users to be able to expand/collapse the sub-graphs so they can remove the extra stuff in their way.
This is advanced example:
https://reactflow.dev/examples/layout/expand-collapse
But even something simpler/minimal feature such as this above.

I know this is not available in the API/SDK... so can you provide some guidance, on which part of the code can I modify to accomplish this behavior?

[b4rtaz]

Hello @hchaudhary1,

have you seen the folder step component in the pro version? Would this solve your problem?

[hchaudhary1]

Folder is great to hide things (extra friction to drag and hide... ).. the issue with folder is: how can I quickly un-hide?
Hence, I don't think folder would solve my use-case.

An easy toggle to expand-collapse would be needed... possibly in the context-menu?

[b4rtaz]

@hchaudhary1 I see a value in the collapse/expand block for SWD, I could implement it as a new feature for the pro version. You are considering purchasing the pro version?

I think in the current shape it's not possible to achieve this behaviour. It requires some minor changes in the codebase.

[b4rtaz]

The 0.21.0 brings the collapsible region feature in the pro version.