(examples)

This example shows nested groups. Click near the intersection of two groups to resize in multiple directions at once.
left
top
left
right
right
1<PanelGroup direction="horizontal">
2 <Panel>
3 left
4 </Panel>
5 <ResizeHandle />
6 <Panel>
7 <PanelGroup direction="vertical">
8 <Panel>
9 top
10 </Panel>
11 <ResizeHandle />
12 <Panel>
13 <PanelGroup direction="horizontal">
14 <Panel>
15 left
16 </Panel>
17 <ResizeHandle />
18 <Panel>
19 right
20 </Panel>
21 </PanelGroup>
22 </Panel>
23 </PanelGroup>
24 </Panel>
25 <ResizeHandle />
26 <Panel>
27 right
28 </Panel>
29</PanelGroup>