react-zeugma Live Workspace Demo

Layout Presets
Constraints & Settings
Use Custom Resizer
Snap Threshold12px
Min Split Bound10%
Max Split Bound90%
Interactive Logs
Perform actions to see logs...
json
{
  "type": "split",
  "direction": "row",
  "splitPercentage": 20,
  "first": {
    "type": "pane",
    "paneId": "explorer"
  },
  "second": {
    "type": "split",
    "direction": "row",
    "splitPercentage": 50,
    "first": {
      "type": "pane",
      "paneId": "editor"
    },
    "second": {
      "type": "pane",
      "paneId": "preview"
    }
  }
}
Widget #1

Widget #1: A dynamically generated layout node. Drag and split to arrange it anywhere in your workspace.

Widget #2

Widget #2: A dynamically generated layout node. Drag and split to arrange it anywhere in your workspace.

Widget #3

Widget #3: A dynamically generated layout node. Drag and split to arrange it anywhere in your workspace.