schema.json

{
  "type": "component",
  "metadata": {},
  "schema": {
    "name": "bb-plugin-Tabs",
    "friendlyName": "Tabs",
    "description": "A Tabs Compoenent for Budibase",
    "icon": "Folder",
    "hasChildren": true,
    "styles": [ "padding", "background", "size", "border" ],
    "settings": [
      {
        "type": "select",
        "label": "Direction",
        "key": "direction",
        "showInBar": true,
        "barStyle": "buttons",
        "options": [
          {
            "label": "Column",
            "value": "horizontal",
            "barIcon": "ViewColumn",
            "barTitle": "Column layout"
          },
          {
            "label": "Row",
            "value": "vertical",
            "barIcon": "ViewRow",
            "barTitle": "Row layout"
          }
        ],
        "defaultValue": "horizontal"
      },
      {
        "type": "select",
        "label": "Size",
        "key": "size",
        "options": [
          {
            "label": "Small",
            "value": "S"
          },
          {
            "label": "Medium",
            "value": "M"
          },
          {
            "label": "Large",
            "value": "L"
          },
          {
            "label": "Extra large",
            "value": "XL"
          }
        ],
        "defaultValue": "M"
      },
      {
        "type": "boolean",
        "label": "Centered",
        "key": "centered",
        "defaultValue": false,
        "showInBar": true,
        "barIcon": "VisibilityOff",
        "barTitle": "Quiet variant",
        "barSeparator": false
      },
      {
        "type": "boolean",
        "label": "Quiet",
        "key": "quiet",
        "showInBar": true,
        "barIcon": "VisibilityOff",
        "barTitle": "Quiet variant",
        "barSeparator": false
      },
      {
        "type": "boolean",
        "label": "Compact",
        "key": "compact",
        "showInBar": true,
        "barIcon": "VisibilityOff",
        "barTitle": "Quiet variant",
        "barSeparator": false
      },
      {
        "type": "boolean",
        "label": "Emphasized",
        "key": "emphasized"
      },
      {
        "type": "color",
        "label": "Emphasized Color",
        "key": "emphasizedColor",
        "dependsOn": "emphasized"
      },
      {
        "type": "boolean",
        "label": "Icons Only",
        "key": "iconsOnly",
        "defaultValue": false
      }
    ]
  }
}