Folders

[gsimone]

Folders can be made with a context provider

<Pane>
   <Input name="outer" />
  <Folder title={title}>
      <Input name="test" />
   </Folder>
</Pane>

Here both Pane and Folder are folderContext.Providers that pass an instance of tweakpane or a pane.addFolder({ title })

function Input() {
  const { parent } = useContext(foldersContext);

   useEffect(() => { parent.addInput(...) }

}