(examples)

Horizontal layouts are defined by setting the "direction" prop to "horizontal".
left
middle
right
1<PanelGroup direction="horizontal">
2 <Panel defaultSize={30} minSize={20}>
3 <Text>left</Text>
4 </Panel>
5 <ResizeHandle />
6 <Panel minSize={30}>
7 <Text>middle</Text>
8 </Panel>
9 <ResizeHandle />
10 <Panel defaultSize={30} minSize={20}>
11 <Text>right</Text>
12 </Panel>
13</PanelGroup>