Flow Diagram

{
  "version": "0.1",
  "schemaVersion": "0.1",
  "id": "flow-diagram",
  "title": "Flow Diagram",
  "canvas": {
    "width": 900,
    "height": 520,
    "background": "background",
    "padding": 48
  },
  "theme": {
    "id": "clean-light"
  },
  "nodes": [
    {
      "id": "title",
      "x": 450,
      "y": 64,
      "type": "text",
      "text": "Flow Diagram",
      "fontSize": 28,
      "fontWeight": 800,
      "align": "center"
    },
    {
      "id": "flow",
      "x": 90,
      "y": 170,
      "width": 720,
      "height": 140,
      "type": "component",
      "component": "FlowDiagram",
      "props": {
        "direction": "horizontal",
        "items": [
          {
            "id": "one",
            "label": "Input",
            "icon": "question"
          },
          {
            "id": "two",
            "label": "Process",
            "icon": "arrow"
          },
          {
            "id": "three",
            "label": "Output",
            "icon": "check"
          }
        ]
      }
    }
  ]
}