config.json

{
  "version": "3.1.4",
  "mode": "blocks",
  "dev_mode": true,
  "components": [
    {
      "id": 1,
      "type": "textbox",
      "props": {
        "lines": 2,
        "max_lines": 20,
        "value": "",
        "label": "Input",
        "show_label": true,
        "name": "textbox",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 2,
      "type": "textbox",
      "props": {
        "lines": 1,
        "max_lines": 20,
        "value": "",
        "label": "Input 2",
        "show_label": true,
        "name": "textbox",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 3,
      "type": "textbox",
      "props": {
        "lines": 1,
        "max_lines": 20,
        "value": "",
        "label": "Output",
        "show_label": true,
        "name": "textbox",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 4,
      "type": "button",
      "props": {
        "value": "Submit",
        "variant": "secondary",
        "name": "button",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 5,
      "type": "row",
      "props": {
        "type": "row",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 6,
      "type": "image",
      "props": {
        "image_mode": "RGB",
        "source": "upload",
        "tool": "editor",
        "streaming": false,
        "mirror_webcam": true,
        "show_label": true,
        "name": "image",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 7,
      "type": "image",
      "props": {
        "image_mode": "RGB",
        "source": "upload",
        "tool": "editor",
        "streaming": false,
        "mirror_webcam": true,
        "show_label": true,
        "name": "image",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 8,
      "type": "button",
      "props": {
        "value": "Mirror Image",
        "variant": "secondary",
        "name": "button",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 9,
      "type": "markdown",
      "props": {
        "value": "<h2>Text Examples</h2>\n",
        "name": "markdown",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 10,
      "type": "dataset",
      "props": {
        "components": [
          "textbox",
          "textbox"
        ],
        "headers": [
          "Input",
          "Input 2"
        ],
        "samples": [
          [
            "hi",
            "Adam"
          ],
          [
            "hello",
            "Eve"
          ]
        ],
        "type": "index",
        "name": "dataset",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 11,
      "type": "markdown",
      "props": {
        "value": "<h2>Image Examples</h2>\n",
        "name": "markdown",
        "visible": true,
        "style": {}
      }
    },
    {
      "id": 12,
      "type": "dataset",
      "props": {
        "components": [
          "image"
        ],
        "headers": [],
        "samples": [
          [
            "lion.jpg"
          ]
        ],
        "type": "index",
        "name": "dataset",
        "visible": true,
        "style": {}
      }
    }
  ],
  "theme": "default",
  "css": null,
  "title": "Gradio",
  "enable_queue": false,
  "layout": {
    "id": 0,
    "children": [
      {
        "id": 1
      },
      {
        "id": 2
      },
      {
        "id": 3
      },
      {
        "id": 4
      },
      {
        "id": 5,
        "children": [
          {
            "id": 6
          },
          {
            "id": 7
          }
        ]
      },
      {
        "id": 8
      },
      {
        "id": 9
      },
      {
        "id": 10
      },
      {
        "id": 11
      },
      {
        "id": 12
      }
    ]
  },
  "dependencies": [
    {
      "targets": [
        4
      ],
      "trigger": "click",
      "inputs": [
        1,
        2
      ],
      "outputs": [
        3
      ],
      "backend_fn": true,
      "js": null,
      "queue": null,
      "api_name": null,
      "scroll_to_output": false,
      "show_progress": true
    },
    {
      "targets": [
        8
      ],
      "trigger": "click",
      "inputs": [
        6
      ],
      "outputs": [
        7
      ],
      "backend_fn": true,
      "js": null,
      "queue": null,
      "api_name": null,
      "scroll_to_output": false,
      "show_progress": true
    },
    {
      "targets": [
        10
      ],
      "trigger": "click",
      "inputs": [
        10
      ],
      "outputs": [
        1,
        2,
        3
      ],
      "backend_fn": true,
      "js": null,
      "queue": false,
      "api_name": null,
      "scroll_to_output": false,
      "show_progress": true
    },
    {
      "targets": [
        12
      ],
      "trigger": "click",
      "inputs": [
        12
      ],
      "outputs": [
        6,
        7
      ],
      "backend_fn": true,
      "js": null,
      "queue": false,
      "api_name": null,
      "scroll_to_output": false,
      "show_progress": true
    }
  ]
}