(examples)

Panels can be conditionally rendered. The `order` ensures they are (re)added in the correct order.

Toggle Left Panel

Toggle Right Panel

left

middle

right

1<PanelGroup autoSaveId="conditional" direction="horizontal">
{showLeftPanel && (
  <>
    <Panel id="left" minSize={10} order={1}>
      <View>left</View>
    </Panel>
    <ResizeHandle />
  </>
)}
<Panel id="center" minSize={10} order={2}>
  <View>middle</View>
</Panel>
{showRightPanel && (
  <>
    <ResizeHandle />
    <Panel id="right" minSize={10} order={3}>
      <View>right</View>
    </Panel>
  </>
)}
21</PanelGroup>