gradio/demo/blocks_xray/config.json

{
  "mode": "blocks",
  "components": [
    {
      "id": 1,
      "type": "markdown",
      "props": {
        "value": "<h1>Detect Disease From Scan</h1>\n<p>With this model you can lorem ipsum</p>\n<ul>\n<li>ipsum 1</li>\n<li>ipsum 2</li>\n</ul>\n",
        "name": "markdown",
        "label": null,
        "css": {},
        "interactive": null
      }
    },
    {
      "id": 2,
      "type": "checkboxgroup",
      "props": {
        "choices": ["Covid", "Malaria", "Lung Cancer"],
        "value": [],
        "name": "checkboxgroup",
        "label": "Disease to Scan For",
        "css": {},
        "interactive": null
      }
    },
    {
      "id": 3,
      "type": "tabs",
      "props": {
        "css": {},
        "value": true
      }
    },
    {
      "id": 4,
      "type": "tabitem",
      "props": {
        "label": "X-ray",
        "css": {},
        "value": true
      }
    },
    {
      "id": 5,
      "type": "row",
      "props": {
        "type": "row",
        "css": {},
        "value": true
      }
    },
    {
      "id": 6,
      "type": "image",
      "props": {
        "image_mode": "RGB",
        "shape": null,
        "source": "upload",
        "tool": "editor",
        "value": null,
        "name": "image",
        "label": null,
        "css": {},
        "interactive": null
      }
    },
    {
      "id": 7,
      "type": "json",
      "props": {
        "value": "\"\"",
        "name": "json",
        "label": null,
        "css": {},
        "interactive": null
      }
    },
    {
      "id": 8,
      "type": "button",
      "props": {
        "value": "Run",
        "name": "button",
        "label": null,
        "css": {},
        "interactive": null
      }
    },
    {
      "id": 9,
      "type": "tabitem",
      "props": {
        "label": "CT Scan",
        "css": {},
        "value": true
      }
    },
    {
      "id": 10,
      "type": "row",
      "props": {
        "type": "row",
        "css": {},
        "value": true
      }
    },
    {
      "id": 11,
      "type": "image",
      "props": {
        "image_mode": "RGB",
        "shape": null,
        "source": "upload",
        "tool": "editor",
        "value": null,
        "name": "image",
        "label": null,
        "css": {},
        "interactive": null
      }
    },
    {
      "id": 12,
      "type": "json",
      "props": {
        "value": "\"\"",
        "name": "json",
        "label": null,
        "css": {},
        "interactive": null
      }
    },
    {
      "id": 13,
      "type": "button",
      "props": {
        "value": "Run",
        "name": "button",
        "label": null,
        "css": {},
        "interactive": null
      }
    },
    {
      "id": 14,
      "type": "textbox",
      "props": {
        "lines": 1,
        "placeholder": null,
        "value": "",
        "name": "textbox",
        "label": null,
        "css": {},
        "interactive": null
      }
    }
  ],
  "theme": "default",
  "layout": {
    "id": 0,
    "children": [
      {
        "id": 1
      },
      {
        "id": 2
      },
      {
        "id": 3,
        "children": [
          {
            "id": 4,
            "children": [
              {
                "id": 5,
                "children": [
                  {
                    "id": 6
                  },
                  {
                    "id": 7
                  }
                ]
              },
              {
                "id": 8
              }
            ]
          },
          {
            "id": 9,
            "children": [
              {
                "id": 10,
                "children": [
                  {
                    "id": 11
                  },
                  {
                    "id": 12
                  }
                ]
              },
              {
                "id": 13
              }
            ]
          }
        ]
      },
      {
        "id": 14
      }
    ]
  },
  "dependencies": [
    {
      "targets": [8],
      "trigger": "click",
      "inputs": [2, 6],
      "outputs": [7],
      "queue": false
    },
    {
      "targets": [13],
      "trigger": "click",
      "inputs": [2, 11],
      "outputs": [12],
      "queue": false
    }
  ]
}