{
 "name": "tabbed-settings",
 "whenToUse": "one record with several categories of fields the user switches between (General / Notifications / Advanced)",
 "draft": {
  "settings": {
   "columnsNumber": 12,
   "xGap": "16px",
   "yGap": "12px"
  },
  "variables": [],
  "schema": [
   {
    "id": "tpl-tabs",
    "type": "tabs",
    "name": "settingsTabs",
    "layout": {
     "lg": {
      "parentId": null,
      "containerType": "grid",
      "x": 1,
      "y": 1,
      "width": 12,
      "height": 10
     }
    }
   },
   {
    "id": "tpl-tab1",
    "type": "tabsContainer",
    "name": "tabGeneral",
    "label": {
     "en": "General"
    },
    "columnsNumber": 12,
    "layout": {
     "lg": {
      "parentId": "tpl-tabs",
      "containerType": "grid",
      "x": 1,
      "y": 1,
      "width": 12,
      "height": 4
     }
    }
   },
   {
    "id": "tpl-t1-name",
    "type": "input",
    "name": "displayName",
    "inputType": "text",
    "label": {
     "en": "Display name"
    },
    "layout": {
     "lg": {
      "parentId": "tpl-tab1",
      "containerType": "grid",
      "x": 1,
      "y": 1,
      "width": 6,
      "height": 1
     }
    }
   },
   {
    "id": "tpl-t1-lang",
    "type": "select",
    "name": "language",
    "label": {
     "en": "Language"
    },
    "dataSource": {
     "kind": "static",
     "options": [
      {
       "id": "en",
       "label": {
        "en": "English"
       }
      }
     ]
    },
    "layout": {
     "lg": {
      "parentId": "tpl-tab1",
      "containerType": "grid",
      "x": 7,
      "y": 1,
      "width": 6,
      "height": 1
     }
    }
   },
   {
    "id": "tpl-tab2",
    "type": "tabsContainer",
    "name": "tabNotifications",
    "label": {
     "en": "Notifications"
    },
    "columnsNumber": 12,
    "layout": {
     "lg": {
      "parentId": "tpl-tabs",
      "containerType": "grid",
      "x": 1,
      "y": 5,
      "width": 12,
      "height": 4
     }
    }
   },
   {
    "id": "tpl-t2-mail",
    "type": "toggle",
    "name": "emailNotifications",
    "label": {
     "en": "Email notifications"
    },
    "defaultValue": {
     "value": true
    },
    "layout": {
     "lg": {
      "parentId": "tpl-tab2",
      "containerType": "grid",
      "x": 1,
      "y": 1,
      "width": 12,
      "height": 1
     }
    }
   },
   {
    "id": "tpl-t2-push",
    "type": "toggle",
    "name": "pushNotifications",
    "label": {
     "en": "Push notifications"
    },
    "defaultValue": {
     "value": false
    },
    "layout": {
     "lg": {
      "parentId": "tpl-tab2",
      "containerType": "grid",
      "x": 1,
      "y": 2,
      "width": 12,
      "height": 1
     }
    }
   }
  ]
 }
}