Dynamically adding panes

[abhishekgupta07]

I am trying to add the panes dynamically according to our needs. but its not happening. Is it possible to add the panes dynamically according to our need?

[rickIsHere-199]

I;m also searching similar

[rickIsHere-199]

Found it, initially we can hide panes.
https://github.com/BipanKishore/resizable-panes-react

[tomkp]

v3 supports dynamic panes! You can add/remove panes by changing your React state:

function App() {
  const [panes, setPanes] = useState(['A', 'B']);

  const addPane = () => setPanes([...panes, `Pane ${panes.length + 1}`]);
  const removePane = () => setPanes(panes.slice(0, -1));

  return (
    <>
      <button onClick={addPane}>Add Pane</button>
      <button onClick={removePane}>Remove Pane</button>
      <SplitPane>
        {panes.map((content, i) => (
          <Pane key={i}>{content}</Pane>
        ))}
      </SplitPane>
    </>
  );
}

Closing as this is supported in v3.