Nested Groups
An example of nesting groups of panes for more complex layouts.
Anatomy
Here's a high-level structure of the example above:
<script lang="ts">
import { PaneGroup, Pane, PaneResizeHandle } from "paneforge";
</script>
<PaneGroup direction="horizontal">
<Pane defaultSize={50} />
<PaneResizeHandle />
<Pane defaultSize={50}>
<PaneGroup direction="vertical">
<Pane defaultSize={50} />
<PaneResizeHandle />
<Pane defaultSize={50} />
</PaneGroup>
</Pane>
</PaneGroup>