Tweakpane TreeView Plugin

Installation

Browser

<script src="tweakpane.min.js"></script>
<script src="tweakpane-treewview-plugin.min.js"></script>
<script>
  const pane = new Tweakpane.Pane();
  pane.registerPlugin(TweakpaneTreeviewPlugin);
</script>

Package

import {Pane} from 'tweakpane';
import * as TweakpaneTreeviewPlugin from "tweakpane-treeview-plugin";

const pane = new Pane();
pane.registerPlugin(TweakpaneTreeviewPlugin);

Usage

const element = [{
  title: 'Parent',
  action: () => {
    // Write Code Here
  },
  // 
  children: [{
    title: 'Child 1',
    action: () => {
      // Write Code Here
    },
    children: [],
  },{
    title: 'Child 2',
    action: () => {
      // Write Code Here
    },
    children: [],
  }],
}];

pane.addBlade({
  options: 
  view: 'treeview',
})