代码示例

此示例是一个三行垂直的 PanelGroup。点击/触摸面板之间的拖拽条并拖动即可调整大小。PanelGroup使用direction属性,值为vertical可设置为垂直面板,默认值是horizontal,即水平面板。

top
middle
bottom
1<PanelGroup direction="vertical">
2    <Panel minSize={10} defaultSize={30}>
3      left
4    </Panel>
5    <PanelResizeHandle />
6    <Panel minSize={20} defaultSize={30}>
7      middle
8    </Panel>
9    <PanelResizeHandle />
10    <Panel minSize={20} defaultSize={40}>
11      right
12    </Panel>
13  </PanelGroup>
ON THIS PAGE