Timeline

{
  "version": "0.1",
  "schemaVersion": "0.1",
  "id": "timeline",
  "title": "Timeline",
  "canvas": {
    "width": 900,
    "height": 460,
    "background": "background",
    "padding": 48
  },
  "theme": {
    "id": "clean-light"
  },
  "nodes": [
    {
      "id": "title",
      "x": 450,
      "y": 64,
      "type": "text",
      "text": "Timeline",
      "fontSize": 28,
      "fontWeight": 800,
      "align": "center"
    },
    {
      "id": "timeline-component",
      "x": 100,
      "y": 140,
      "width": 700,
      "height": 220,
      "type": "component",
      "component": "Timeline",
      "props": {
        "events": [
          {
            "date": "Step 1",
            "label": "Start"
          },
          {
            "date": "Step 2",
            "label": "Build"
          },
          {
            "date": "Step 3",
            "label": "Launch"
          }
        ]
      }
    }
  ]
}