{
 "name": "simple-form",
 "whenToUse": "a plain create/edit form: one padded card, stacked labeled fields, a submit row",
 "draft": {
  "settings": {
   "columnsNumber": 12,
   "xGap": "16px",
   "yGap": "12px",
   "showSubmitButton": false
  },
  "variables": [],
  "schema": [
   {
    "id": "tpl-card",
    "type": "container",
    "name": "formCard",
    "columnsNumber": 12,
    "styleIntent": "card",
    "layout": {
     "lg": {
      "parentId": null,
      "containerType": "grid",
      "x": 1,
      "y": 1,
      "width": 12,
      "height": 8
     }
    }
   },
   {
    "id": "tpl-f-name",
    "type": "input",
    "name": "fullName",
    "inputType": "text",
    "label": {
     "en": "Full name"
    },
    "required": true,
    "layout": {
     "lg": {
      "parentId": "tpl-card",
      "containerType": "grid",
      "x": 1,
      "y": 1,
      "width": 12,
      "height": 1
     }
    }
   },
   {
    "id": "tpl-f-first",
    "type": "input",
    "name": "firstDetail",
    "inputType": "text",
    "label": {
     "en": "First detail"
    },
    "layout": {
     "lg": {
      "parentId": "tpl-card",
      "containerType": "grid",
      "x": 1,
      "y": 2,
      "width": 6,
      "height": 1
     }
    }
   },
   {
    "id": "tpl-f-second",
    "type": "input",
    "name": "secondDetail",
    "inputType": "text",
    "label": {
     "en": "Second detail"
    },
    "layout": {
     "lg": {
      "parentId": "tpl-card",
      "containerType": "grid",
      "x": 7,
      "y": 2,
      "width": 6,
      "height": 1
     }
    }
   },
   {
    "id": "tpl-f-notes",
    "type": "textarea",
    "name": "notes",
    "label": {
     "en": "Notes"
    },
    "layout": {
     "lg": {
      "parentId": "tpl-card",
      "containerType": "grid",
      "x": 1,
      "y": 3,
      "width": 12,
      "height": 3
     }
    }
   },
   {
    "id": "tpl-f-actions",
    "type": "flexContainer",
    "name": "submitRow",
    "direction": "row",
    "gap": "8px",
    "layout": {
     "lg": {
      "parentId": "tpl-card",
      "containerType": "grid",
      "x": 1,
      "y": 4,
      "width": 12,
      "height": 1
     }
    }
   },
   {
    "id": "tpl-f-submit",
    "type": "button",
    "name": "submitBtn",
    "buttonLabel": {
     "en": "Submit"
    },
    "purpose": "submit",
    "styleIntent": "primaryButton",
    "layout": {
     "lg": {
      "parentId": "tpl-f-actions",
      "containerType": "flex",
      "order": 1
     }
    }
   }
  ]
 }
}
