budibase/packages/standard-components/manifest.json

{
  "layout": {
    "name": "Layout",
    "description": "This component is specific only to layouts",
    "icon": "Sandbox",
    "hasChildren": true,
    "styles": ["padding", "background"],
    "settings": [
      {
        "type": "text",
        "label": "Logo URL",
        "key": "logoUrl"
      },
      {
        "type": "text",
        "label": "Title",
        "key": "title"
      },
      {
        "type": "select",
        "label": "Navigation",
        "key": "navigation",
        "options": ["Top", "Left", "None"],
        "defaultValue": "Top"
      },
      {
        "type": "select",
        "label": "Width",
        "key": "width",
        "options": ["Small", "Medium", "Large"],
        "defaultValue": "Large"
      },
      {
        "type": "navigation",
        "label": "Links",
        "key": "links"
      },
      {
        "type": "boolean",
        "label": "Hide title",
        "key": "hideTitle",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Hide logo",
        "key": "hideLogo",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Sticky header",
        "key": "sticky",
        "defaultValue": false
      }
    ]
  },
  "container": {
    "name": "Container",
    "description": "This component contains things within itself",
    "icon": "Sandbox",
    "hasChildren": true,
    "showSettingsBar": true,
    "styles": ["padding", "size", "background", "border", "shadow"],
    "settings": [
      {
        "type": "select",
        "label": "Direction",
        "key": "direction",
        "showInBar": true,
        "barStyle": "buttons",
        "options": [
          {
            "label": "Column",
            "value": "column",
            "barIcon": "ViewRow",
            "barTitle": "Column layout"
          },
          {
            "label": "Row",
            "value": "row",
            "barIcon": "ViewColumn",
            "barTitle": "Row layout"
          }
        ],
        "defaultValue": "column"
      },
      {
        "type": "select",
        "label": "Horiz. Align",
        "key": "hAlign",
        "showInBar": true,
        "barStyle": "buttons",
        "options": [
          {
            "label": "Left",
            "value": "left",
            "barIcon": "AlignLeft",
            "barTitle": "Align left"
          },
          {
            "label": "Center",
            "value": "center",
            "barIcon": "AlignCenter",
            "barTitle": "Align center"
          },
          {
            "label": "Right",
            "value": "right",
            "barIcon": "AlignRight",
            "barTitle": "Align right"
          },
          {
            "label": "Stretch",
            "value": "stretch",
            "barIcon": "MoveLeftRight",
            "barTitle": "Align stretched horizontally"
          }
        ],
        "defaultValue": "stretch"
      },
      {
        "type": "select",
        "label": "Vert. Align",
        "key": "vAlign",
        "showInBar": true,
        "barStyle": "buttons",
        "options": [
          {
            "label": "Top",
            "value": "top",
            "barIcon": "AlignTop",
            "barTitle": "Align top"
          },
          {
            "label": "Middle",
            "value": "middle",
            "barIcon": "AlignMiddle",
            "barTitle": "Align middle"
          },
          {
            "label": "Bottom",
            "value": "bottom",
            "barIcon": "AlignBottom",
            "barTitle": "Align bottom"
          },
          {
            "label": "Stretch",
            "value": "stretch",
            "barIcon": "MoveUpDown",
            "barTitle": "Align stretched vertically"
          }
        ],
        "defaultValue": "top"
      },
      {
        "type": "select",
        "label": "Size",
        "key": "size",
        "showInBar": true,
        "barStyle": "buttons",
        "options": [
          {
            "label": "Shrink",
            "value": "shrink",
            "barIcon": "Minimize",
            "barTitle": "Shrink container"
          },
          {
            "label": "Grow",
            "value": "grow",
            "barIcon": "Maximize",
            "barTitle": "Grow container"
          }
        ],
        "defaultValue": "shrink"
      },
      {
        "type": "select",
        "label": "Gap",
        "key": "gap",
        "showInBar": true,
        "barStyle": "picker",
        "options": [
          {
            "label": "None",
            "value": "N"
          },
          {
            "label": "Small",
            "value": "S"
          },
          {
            "label": "Medium",
            "value": "M"
          },
          {
            "label": "Large",
            "value": "L"
          }
        ],
        "defaultValue": "M"
      },
      {
        "type": "boolean",
        "label": "Wrap",
        "key": "wrap",
        "showInBar": true,
        "barIcon": "ModernGridView",
        "barTitle": "Wrap"
      }
    ]
  },
  "section": {
    "name": "Section",
    "description": "Add a section to your application",
    "icon": "ColumnTwoB",
    "hasChildren": true,
    "illegalChildren": ["section"],
    "showEmptyState": false,
    "settings": [
      {
        "type": "section",
        "label": "Type",
        "key": "type",
        "defaultValue": "mainSidebar"
      }
    ]
  },
  "screenslot": {
    "name": "Screenslot",
    "icon": "WebPage",
    "description": "Contains your app screens",
    "editable": false
  },
  "button": {
    "name": "Button",
    "description": "A basic html button that is ready for styling",
    "icon": "Button",
    "illegalChildren": ["section"],
    "settings": [
      {
        "type": "text",
        "label": "Text",
        "key": "text"
      },
      {
        "type": "select",
        "label": "Variant",
        "key": "type",
        "options": [
          {
            "label": "Primary",
            "value": "primary"
          }, {
            "label": "Secondary",
            "value": "secondary"
          },
          {
            "label": "Action",
            "value": "cta"
          },
          {
            "label": "Warning",
            "value": "warning"
          }
        ],
        "defaultValue": "primary"
      },
      {
        "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": "Disabled",
        "key": "disabled"
      },
      {
        "type": "event",
        "label": "On Click",
        "key": "onClick"
      }
    ]
  },
  "repeater": {
    "name": "Repeater",
    "description": "A configurable data list that attaches to your backend tables.",
    "icon": "ViewList",
    "illegalChildren": ["section"],
    "hasChildren": true,
    "showSettingsBar": true,
    "settings": [
      {
        "type": "dataProvider",
        "label": "Provider",
        "key": "dataProvider"
      },
      {
        "type": "text",
        "label": "Empty Text",
        "key": "noRowsMessage",
        "defaultValue": "No rows found"
      },
      {
        "type": "filter",
        "label": "Filtering",
        "key": "filter"
      },
      {
        "type": "select",
        "label": "Direction",
        "key": "direction",
        "showInBar": true,
        "barStyle": "buttons",
        "options": [
          {
            "label": "Column",
            "value": "column",
            "barIcon": "ViewRow",
            "barTitle": "Column layout"
          },
          {
            "label": "Row",
            "value": "row",
            "barIcon": "ViewColumn",
            "barTitle": "Row layout"
          }
        ],
        "defaultValue": "column"
      },
      {
        "type": "select",
        "label": "Horiz. Align",
        "key": "hAlign",
        "showInBar": true,
        "barStyle": "buttons",
        "options": [
          {
            "label": "Left",
            "value": "left",
            "barIcon": "AlignLeft",
            "barTitle": "Align left"
          },
          {
            "label": "Center",
            "value": "center",
            "barIcon": "AlignCenter",
            "barTitle": "Align center"
          },
          {
            "label": "Right",
            "value": "right",
            "barIcon": "AlignRight",
            "barTitle": "Align right"
          },
          {
            "label": "Stretch",
            "value": "stretch",
            "barIcon": "MoveLeftRight",
            "barTitle": "Align stretched horizontally"
          }
        ],
        "defaultValue": "stretch"
      },
      {
        "type": "select",
        "label": "Vert. Align",
        "key": "vAlign",
        "showInBar": true,
        "barStyle": "buttons",
        "options": [
          {
            "label": "Top",
            "value": "top",
            "barIcon": "AlignTop",
            "barTitle": "Align top"
          },
          {
            "label": "Middle",
            "value": "middle",
            "barIcon": "AlignMiddle",
            "barTitle": "Align middle"
          },
          {
            "label": "Bottom",
            "value": "bottom",
            "barIcon": "AlignBottom",
            "barTitle": "Align bottom"
          },
          {
            "label": "Stretch",
            "value": "stretch",
            "barIcon": "MoveUpDown",
            "barTitle": "Align stretched vertically"
          }
        ],
        "defaultValue": "top"
      },
      {
        "type": "select",
        "label": "Gap",
        "key": "gap",
        "showInBar": true,
        "barStyle": "picker",
        "options": [
          {
            "label": "None",
            "value": "N"
          },
          {
            "label": "Small",
            "value": "S"
          },
          {
            "label": "Medium",
            "value": "M"
          },
          {
            "label": "Large",
            "value": "L"
          }
        ],
        "defaultValue": "M"
      }
    ],
    "context": {
      "type": "schema"
    }
  },
  "stackedlist": {
    "deprecated": true,
    "name": "Stacked List",
    "icon": "TaskList",
    "description": "A basic card component that can contain content and actions.",
    "illegalChildren": ["section"],
    "settings": [
      {
        "type": "text",
        "label": "Image",
        "key": "imageUrl"
      },
      {
        "type": "text",
        "label": "Heading",
        "key": "heading"
      },
      {
        "type": "text",
        "label": "Subheading",
        "key": "subheading"
      },
      {
        "type": "text",
        "label": "Link URL",
        "key": "destinationUrl",
        "placeholder": "/screen"
      }
    ]
  },
  "card": {
    "name": "Vertical Card",
    "description": "A basic card component that can contain content and actions.",
    "icon": "ViewColumn",
    "illegalChildren": ["section"],
    "settings": [
      {
        "type": "text",
        "label": "Image",
        "key": "imageUrl"
      },
      {
        "type": "text",
        "label": "Heading",
        "key": "heading"
      },
      {
        "type": "text",
        "label": "Description",
        "key": "description"
      },
      {
        "type": "text",
        "label": "Link Text",
        "key": "linkText"
      },
      {
        "type": "text",
        "label": "Link URL",
        "key": "linkUrl",
        "placeholder": "/screen"
      },
      {
        "type": "color",
        "label": "Link Color",
        "key": "linkColor",
        "defaultValue": "#000"
      },
      {
        "type": "color",
        "label": "Hover Color",
        "key": "linkHoverColor",
        "defaultValue": "#222"
      },
      {
        "type": "select",
        "label": "Image Height",
        "key": "imageHeight",
        "options": ["auto", "12rem", "16rem", "20rem", "24rem"],
        "defaultValue": "auto"
      },
      {
        "type": "select",
        "label": "Card Width",
        "key": "cardWidth",
        "options": ["16rem", "20rem", "24rem"],
        "defaultValue": "20rem"
      }
    ]
  },
  "text": {
    "name": "Paragraph",
    "description": "A component for displaying paragraph text.",
    "icon": "TextParagraph",
    "illegalChildren": ["section"],
    "showSettingsBar": true,
    "settings": [
      {
        "type": "text",
        "label": "Text",
        "key": "text"
      },
      {
        "type": "select",
        "label": "Size",
        "key": "size",
        "defaultValue": "M",
        "showInBar": true,
        "barStyle": "picker",
        "options": [{
          "label": "Small",
          "value": "S"
        }, {
          "label": "Medium",
          "value": "M"
        }, {
          "label": "Large",
          "value": "L"
        }]
      },
      {
        "type": "color",
        "label": "Color",
        "key": "color",
        "showInBar": true,
        "barSeparator": false
      },
      {
        "type": "boolean",
        "label": "Bold",
        "key": "bold",
        "showInBar": true,
        "barIcon": "TagBold",
        "barTitle": "Bold text",
        "barSeparator": false
      },
      {
        "type": "boolean",
        "label": "Italic",
        "key": "italic",
        "showInBar": true,
        "barIcon": "TagItalic",
        "barTitle": "Italic text",
        "barSeparator": false
      },
      {
        "type": "boolean",
        "label": "Underline",
        "key": "underline",
        "showInBar": true,
        "barIcon": "TagUnderline",
        "barTitle": "Underline text"
      },
      {
        "type": "select",
        "label": "Alignment",
        "key": "align",
        "defaultValue": "left",
        "showInBar": true,
        "barStyle": "buttons",
        "options": [{
          "label": "Left",
          "value": "left",
          "barIcon": "TextAlignLeft",
          "barTitle": "Align left"
        }, {
          "label": "Center",
          "value": "center",
          "barIcon": "TextAlignCenter",
          "barTitle": "Align center"
        }, {
          "label": "Right",
          "value": "right",
          "barIcon": "TextAlignRight",
          "barTitle": "Align right"
        }, {
          "label": "Justify",
          "value": "justify",
          "barIcon": "TextAlignJustify",
          "barTitle": "Justify text"
        }]
      }
    ]
  },
  "heading": {
    "name": "Headline",
    "icon": "TextBold",
    "description": "A component for displaying heading text",
    "illegalChildren": ["section"],
    "showSettingsBar": true,
    "settings": [
      {
        "type": "text",
        "key": "text",
        "label": "Text"
      },
      {
        "type": "select",
        "label": "Size",
        "key": "size",
        "defaultValue": "M",
        "showInBar": true,
        "barStyle": "picker",
        "options": [{
          "label": "Small",
          "value": "S"
        }, {
          "label": "Medium",
          "value": "M"
        }, {
          "label": "Large",
          "value": "L"
        }]
      },
      {
        "type": "color",
        "label": "Color",
        "key": "color",
        "showInBar": true,
        "barSeparator": false
      },
      {
        "type": "boolean",
        "label": "Bold",
        "key": "bold",
        "showInBar": true,
        "barIcon": "TagBold",
        "barTitle": "Bold text",
        "barSeparator": false
      },
      {
        "type": "boolean",
        "label": "Italic",
        "key": "italic",
        "showInBar": true,
        "barIcon": "TagItalic",
        "barTitle": "Italic text",
        "barSeparator": false
      },
      {
        "type": "boolean",
        "label": "Underline",
        "key": "underline",
        "showInBar": true,
        "barIcon": "TagUnderline",
        "barTitle": "Underline text"
      },
      {
        "type": "select",
        "label": "Alignment",
        "key": "align",
        "defaultValue": "left",
        "showInBar": true,
        "barStyle": "buttons",
        "options": [{
          "label": "Left",
          "value": "left",
          "barIcon": "TextAlignLeft",
          "barTitle": "Align left"
        }, {
          "label": "Center",
          "value": "center",
          "barIcon": "TextAlignCenter",
          "barTitle": "Align center"
        }, {
          "label": "Right",
          "value": "right",
          "barIcon": "TextAlignRight",
          "barTitle": "Align right"
        }, {
          "label": "Justify",
          "value": "justify",
          "barIcon": "TextAlignJustify",
          "barTitle": "Justify text"
        }]
      }
    ]
  },
  "image": {
    "name": "Image",
    "description": "A basic component for displaying images",
    "icon": "Image",
    "illegalChildren": ["section"],
    "styles": ["size"],
    "settings": [
      {
        "type": "text",
        "label": "URL",
        "key": "url"
      }
    ]
  },
  "backgroundimage": {
    "name": "Background Image",
    "description": "A background image",
    "icon": "Images",
    "styles": ["size"],
    "illegalChildren": ["section"],
    "settings": [
      {
        "type": "text",
        "label": "URL",
        "key": "url"
      },
      {
        "type": "select",
        "label": "Position",
        "key": "position",
        "defaultValue": "center center",
        "options": [
          {
            "label": "Center Top",
            "value": "center top"
          },
          {
            "label": "Center",
            "value": "center center"
          },
          {
            "label": "Center Bottom",
            "value": "center bottom"
          },
          {
            "label": "Left Top",
            "value": "left top"
          },
          {
            "label": "Left Center",
            "value": "left center"
          },
          {
            "label": "Left Bottom",
            "value": "left bottom"
          },
          {
            "label": "Right Top",
            "value": "right top"
          },
          {
            "label": "Right Center",
            "value": "right center"
          },
          {
            "label": "Right Bottom",
            "value": "right bottom"
          }
        ]
      }
    ]
  },
  "icon": {
    "name": "Icon",
    "description": "A basic component for displaying icons",
    "icon": "Bell",
    "illegalChildren": ["section"],
    "settings": [
      {
        "type": "icon",
        "label": "Icon",
        "key": "icon"
      },
      {
        "type": "select",
        "label": "Size",
        "key": "size",
        "defaultValue": "ri-1x",
        "options": [
          { "value": "ri-xxs", "label": "XXS" },
          { "value": "ri-xs", "label": "XS" },
          { "value": "ri-sm", "label": "Small" },
          { "value": "ri-1x", "label": "Medium" },
          { "value": "ri-lg", "label": "Large" },
          { "value": "ri-xl", "label": "XL" },
          { "value": "ri-2x", "label": "2XL" },
          { "value": "ri-3x", "label": "3XL" },
          { "value": "ri-4x", "label": "4XL" },
          { "value": "ri-5x", "label": "5XL" },
          { "value": "ri-6x", "label": "6XL" },
          { "value": "ri-7x", "label": "7XL" },
          { "value": "ri-8x", "label": "8XL" },
          { "value": "ri-9x", "label": "9XL" },
          { "value": "ri-10x", "label": "10XL" }
        ]
      },
      {
        "type": "color",
        "label": "Color",
        "key": "color"
      },
      {
        "type": "event",
        "label": "On Click",
        "key": "onClick"
      }
    ]
  },
  "navigation": {
    "deprecated": true,
    "name": "Nav Bar",
    "description": "A component for handling the navigation within your app.",
    "icon": "BreadcrumbNavigation",
    "illegalChildren": ["section"],
    "hasChildren": true,
    "settings": [
      {
        "type": "text",
        "label": "Logo URL",
        "key": "logoUrl"
      },
      {
        "type": "boolean",
        "label": "Hide logo",
        "key": "hideLogo",
        "defaultValue": false
      }
    ]
  },
  "link": {
    "name": "Link",
    "description": "A basic link component for internal and external links",
    "icon": "Link",
    "showSettingsBar": true,
    "illegalChildren": ["section"],
    "settings": [
      {
        "type": "text",
        "label": "Text",
        "key": "text"
      },
      {
        "type": "url",
        "label": "URL",
        "key": "url",
        "placeholder": "/screen"
      },
      {
        "type": "boolean",
        "label": "New Tab",
        "key": "openInNewTab"
      },
      {
        "type": "select",
        "label": "Size",
        "key": "size",
        "defaultValue": "M",
        "showInBar": true,
        "barStyle": "picker",
        "options": [{
          "label": "Small",
          "value": "S"
        }, {
          "label": "Medium",
          "value": "M"
        }, {
          "label": "Large",
          "value": "L"
        }]
      },
      {
        "type": "color",
        "label": "Color",
        "key": "color",
        "showInBar": true,
        "barSeparator": false
      },
      {
        "type": "boolean",
        "label": "Bold",
        "key": "bold",
        "showInBar": true,
        "barIcon": "TagBold",
        "barTitle": "Bold text",
        "barSeparator": false
      },
      {
        "type": "boolean",
        "label": "Italic",
        "key": "italic",
        "showInBar": true,
        "barIcon": "TagItalic",
        "barTitle": "Italic text",
        "barSeparator": false
      },
      {
        "type": "boolean",
        "label": "Underline",
        "key": "underline",
        "showInBar": true,
        "barIcon": "TagUnderline",
        "barTitle": "Underline text"
      },
      {
        "type": "select",
        "label": "Alignment",
        "key": "align",
        "defaultValue": "left",
        "showInBar": true,
        "barStyle": "buttons",
        "options": [{
          "label": "Left",
          "value": "left",
          "barIcon": "TextAlignLeft",
          "barTitle": "Align left"
        }, {
          "label": "Center",
          "value": "center",
          "barIcon": "TextAlignCenter",
          "barTitle": "Align center"
        }, {
          "label": "Right",
          "value": "right",
          "barIcon": "TextAlignRight",
          "barTitle": "Align right"
        }, {
          "label": "Justify",
          "value": "justify",
          "barIcon": "TextAlignJustify",
          "barTitle": "Justify text"
        }]
      }
    ]
  },
  "cardhorizontal": {
    "name": "Horizontal Card",
    "description": "A basic card component that can contain content and actions.",
    "icon": "ViewRow",
    "illegalChildren": ["section"],
    "settings": [
      {
        "type": "text",
        "label": "Image",
        "key": "imageUrl"
      },
      {
        "type": "text",
        "label": "Heading",
        "key": "heading"
      },
      {
        "type": "text",
        "label": "Description",
        "key": "description"
      },
      {
        "type": "text",
        "label": "Subtext",
        "key": "subtext"
      },
      {
        "type": "text",
        "label": "Link Text",
        "key": "linkText"
      },
      {
        "type": "text",
        "label": "Link URL",
        "key": "linkUrl",
        "placeholder": "/screen"
      },
      {
        "type": "color",
        "label": "Link Color",
        "key": "linkColor",
        "defaultValue": "#000"
      },
      {
        "type": "color",
        "label": "Hover Color",
        "key": "linkHoverColor",
        "defaultValue": "#222"
      },
      {
        "type": "select",
        "label": "Card Width",
        "key": "cardWidth",
        "options": ["24rem", "28rem", "32rem", "40rem", "48rem", "60rem", "100%"],
        "defaultValue": "32rem"
      },
      {
        "type": "select",
        "label": "Image Width",
        "key": "imageWidth",
        "options": ["auto", "8rem", "12rem", "16rem"],
        "defaultValue": "8rem"
      },
      {
        "type": "select",
        "label": "Image Height",
        "key": "imageHeight",
        "options": ["auto", "8rem", "12rem", "16rem", "auto"],
        "defaultValue": "auto"
      }
    ]
  },
  "cardstat": {
    "name": "Stat Card",
    "description": "A card component for displaying numbers.",
    "icon": "Card",
    "illegalChildren": ["section"],
    "settings": [
      {
        "type": "text",
        "label": "Title",
        "key": "title",
        "placeholder": "Total Revenue"
      },
      {
        "type": "text",
        "label": "Value",
        "key": "value",
        "placeholder": "$1,981,983"
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label",
        "placeholder": "Stripe"
      }
    ]
  },
  "embed": {
    "name": "Embed",
    "icon": "Code",
    "description": "Embed content from 3rd party sources",
    "illegalChildren": ["section"],
    "styles": ["size"],
    "settings": [
      {
        "type": "text",
        "label": "Embed",
        "key": "embed"
      }
    ]
  },
  "bar": {
    "name": "Bar Chart",
    "description": "Bar chart",
    "icon": "GraphBarVertical",
    "illegalChildren": ["section"],
    "settings": [
      {
        "type": "text",
        "label": "Title",
        "key": "title"
      },
      {
        "type": "dataProvider",
        "label": "Provider",
        "key": "dataProvider"
      },
      {
        "type": "field",
        "label": "Label Col.",
        "key": "labelColumn",
        "dependsOn": "dataProvider"
      },
      {
        "type": "multifield",
        "label": "Data Cols.",
        "key": "valueColumns",
        "dependsOn": "dataProvider"
      },
      {
        "type": "select",
        "label": "Format",
        "key": "yAxisUnits",
        "options": ["Default", "Thousands", "Millions"],
        "defaultValue": "Default"
      },
      {
        "type": "text",
        "label": "Y Axis Label",
        "key": "yAxisLabel"
      },
      {
        "type": "text",
        "label": "X Axis Label",
        "key": "xAxisLabel"
      },
      {
        "type": "text",
        "label": "Width",
        "key": "width"
      },
      {
        "type": "text",
        "label": "Height",
        "key": "height",
        "defaultValue": "400"
      },
      {
        "type": "select",
        "label": "Colours",
        "key": "palette",
        "defaultValue": "Palette 1",
        "options": [
          "Palette 1",
          "Palette 2",
          "Palette 3",
          "Palette 4",
          "Palette 5",
          "Palette 6",
          "Palette 7",
          "Palette 8",
          "Palette 9",
          "Palette 10"
        ]
      },
      {
        "type": "boolean",
        "label": "Stacked",
        "key": "stacked",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Data Labels",
        "key": "dataLabels",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Animate",
        "key": "animate",
        "defaultValue": true
      },
      {
        "type": "boolean",
        "label": "Legend",
        "key": "legend",
        "defaultValue": false
      }
    ]
  },
  "line": {
    "name": "Line Chart",
    "description": "Line chart",
    "icon": "GraphTrend",
    "illegalChildren": ["section"],
    "settings": [
      {
        "type": "text",
        "label": "Title",
        "key": "title"
      },
      {
        "type": "dataProvider",
        "label": "Provider",
        "key": "dataProvider"
      },
      {
        "type": "field",
        "label": "Label Col.",
        "key": "labelColumn",
        "dependsOn": "dataProvider"
      },
      {
        "type": "multifield",
        "label": "Data Cols.",
        "key": "valueColumns",
        "dependsOn": "dataProvider"
      },
      {
        "type": "select",
        "label": "Format",
        "key": "yAxisUnits",
        "options": ["Default", "Thousands", "Millions"],
        "defaultValue": "Default"
      },
      {
        "type": "text",
        "label": "Y Axis Label",
        "key": "yAxisLabel"
      },
      {
        "type": "text",
        "label": "X Axis Label",
        "key": "xAxisLabel"
      },
      {
        "type": "text",
        "label": "Width",
        "key": "width"
      },
      {
        "type": "text",
        "label": "Height",
        "key": "height",
        "defaultValue": "400"
      },
      {
        "type": "select",
        "label": "Colours",
        "key": "palette",
        "defaultValue": "Palette 1",
        "options": [
          "Palette 1",
          "Palette 2",
          "Palette 3",
          "Palette 4",
          "Palette 5",
          "Palette 6",
          "Palette 7",
          "Palette 8",
          "Palette 9",
          "Palette 10"
        ]
      },
      {
        "type": "select",
        "label": "Curve",
        "key": "curve",
        "options": ["Smooth", "Straight", "Stepline"],
        "defaultValue": "Smooth"
      },
      {
        "type": "boolean",
        "label": "Data Labels",
        "key": "dataLabels",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Animate",
        "key": "animate",
        "defaultValue": true
      },
      {
        "type": "boolean",
        "label": "Legend",
        "key": "legend",
        "defaultValue": false
      }
    ]
  },
  "area": {
    "name": "Area Chart",
    "description": "Line chart",
    "icon": "GraphAreaStacked",
    "illegalChildren": ["section"],
    "settings": [
      {
        "type": "text",
        "label": "Title",
        "key": "title"
      },
      {
        "type": "dataProvider",
        "label": "Provider",
        "key": "dataProvider"
      },
      {
        "type": "field",
        "label": "Label Col.",
        "key": "labelColumn",
        "dependsOn": "dataProvider"
      },
      {
        "type": "multifield",
        "label": "Data Cols.",
        "key": "valueColumns",
        "dependsOn": "dataProvider"
      },
      {
        "type": "select",
        "label": "Format",
        "key": "yAxisUnits",
        "options": ["Default", "Thousands", "Millions"],
        "defaultValue": "Default"
      },
      {
        "type": "text",
        "label": "Y Axis Label",
        "key": "yAxisLabel"
      },
      {
        "type": "text",
        "label": "X Axis Label",
        "key": "xAxisLabel"
      },
      {
        "type": "text",
        "label": "Width",
        "key": "width"
      },
      {
        "type": "text",
        "label": "Height",
        "key": "height",
        "defaultValue": "400"
      },
      {
        "type": "select",
        "label": "Colours",
        "key": "palette",
        "defaultValue": "Palette 1",
        "options": [
          "Palette 1",
          "Palette 2",
          "Palette 3",
          "Palette 4",
          "Palette 5",
          "Palette 6",
          "Palette 7",
          "Palette 8",
          "Palette 9",
          "Palette 10"
        ]
      },
      {
        "type": "select",
        "label": "Curve",
        "key": "curve",
        "options": ["Smooth", "Straight", "Stepline"],
        "defaultValue": "Smooth"
      },
      {
        "type": "boolean",
        "label": "Data Labels",
        "key": "dataLabels",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Animate",
        "key": "animate",
        "defaultValue": true
      },
      {
        "type": "boolean",
        "label": "Legend",
        "key": "legend",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Stacked",
        "key": "stacked",
        "defaultValue": true
      },
      {
        "type": "boolean",
        "label": "Gradient",
        "key": "gradient",
        "defaultValue": false
      }
    ]
  },
  "pie": {
    "name": "Pie Chart",
    "description": "Pie chart",
    "icon": "GraphPie",
    "illegalChildren": ["section"],
    "settings": [
      {
        "type": "text",
        "label": "Title",
        "key": "title"
      },
      {
        "type": "dataProvider",
        "label": "Provider",
        "key": "dataProvider"
      },
      {
        "type": "field",
        "label": "Label Col.",
        "key": "labelColumn",
        "dependsOn": "dataProvider"
      },
      {
        "type": "field",
        "label": "Data Col.",
        "key": "valueColumn",
        "dependsOn": "dataProvider"
      },
      {
        "type": "text",
        "label": "Width",
        "key": "width"
      },
      {
        "type": "text",
        "label": "Height",
        "key": "height",
        "defaultValue": "400"
      },
      {
        "type": "select",
        "label": "Colours",
        "key": "palette",
        "defaultValue": "Palette 1",
        "options": [
          "Palette 1",
          "Palette 2",
          "Palette 3",
          "Palette 4",
          "Palette 5",
          "Palette 6",
          "Palette 7",
          "Palette 8",
          "Palette 9",
          "Palette 10"
        ]
      },
      {
        "type": "boolean",
        "label": "Data Labels",
        "key": "dataLabels",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Animate",
        "key": "animate",
        "defaultValue": true
      },
      {
        "type": "boolean",
        "label": "Legend",
        "key": "legend",
        "defaultValue": false
      }
    ]
  },
  "donut": {
    "name": "Donut Chart",
    "description": "Donut chart",
    "icon": "GraphDonut",
    "illegalChildren": ["section"],
    "settings": [
      {
        "type": "text",
        "label": "Title",
        "key": "title"
      },
      {
        "type": "dataProvider",
        "label": "Provider",
        "key": "dataProvider"
      },
      {
        "type": "field",
        "label": "Label Col.",
        "key": "labelColumn",
        "dependsOn": "dataProvider"
      },
      {
        "type": "field",
        "label": "Data Col.",
        "key": "valueColumn",
        "dependsOn": "dataProvider"
      },
      {
        "type": "text",
        "label": "Width",
        "key": "width"
      },
      {
        "type": "text",
        "label": "Height",
        "key": "height",
        "defaultValue": "400"
      },
      {
        "type": "select",
        "label": "Colours",
        "key": "palette",
        "defaultValue": "Palette 1",
        "options": [
          "Palette 1",
          "Palette 2",
          "Palette 3",
          "Palette 4",
          "Palette 5",
          "Palette 6",
          "Palette 7",
          "Palette 8",
          "Palette 9",
          "Palette 10"
        ]
      },
      {
        "type": "boolean",
        "label": "Data Labels",
        "key": "dataLabels",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Animate",
        "key": "animate",
        "defaultValue": true
      },
      {
        "type": "boolean",
        "label": "Legend",
        "key": "legend",
        "defaultValue": false
      }
    ]
  },
  "candlestick": {
    "name": "Candlestick Chart",
    "description": "Candlestick chart",
    "icon": "GraphBarVerticalStacked",
    "illegalChildren": ["section"],
    "settings": [
      {
        "type": "text",
        "label": "Title",
        "key": "title"
      },
      {
        "type": "dataProvider",
        "label": "Provider",
        "key": "dataProvider"
      },
      {
        "type": "field",
        "label": "Date Col.",
        "key": "dateColumn",
        "dependsOn": "dataProvider"
      },
      {
        "type": "field",
        "label": "Open Col.",
        "key": "openColumn",
        "dependsOn": "dataProvider"
      },
      {
        "type": "field",
        "label": "Close Col.",
        "key": "closeColumn",
        "dependsOn": "dataProvider"
      },
      {
        "type": "field",
        "label": "High Col.",
        "key": "highColumn",
        "dependsOn": "dataProvider"
      },
      {
        "type": "field",
        "label": "Low Col.",
        "key": "lowColumn",
        "dependsOn": "dataProvider"
      },
      {
        "type": "select",
        "label": "Format",
        "key": "yAxisUnits",
        "options": ["Default", "Thousands", "Millions"],
        "defaultValue": "Default"
      },
      {
        "type": "text",
        "label": "Y Axis Label",
        "key": "yAxisLabel"
      },
      {
        "type": "text",
        "label": "X Axis Label",
        "key": "xAxisLabel"
      },
      {
        "type": "text",
        "label": "Width",
        "key": "width"
      },
      {
        "type": "text",
        "label": "Height",
        "key": "height",
        "defaultValue": "400"
      },
      {
        "type": "boolean",
        "label": "Animate",
        "key": "animate",
        "defaultValue": true
      }
    ]
  },
  "form": {
    "name": "Form",
    "icon": "Form",
    "hasChildren": true,
    "illegalChildren": ["section"],
    "actions": [
      "ValidateForm"
    ],
    "settings": [
      {
        "type": "select",
        "label": "Type",
        "key": "actionType",
        "options": ["Create", "Update"],
        "defaultValue": "Create"
      },
      {
        "type": "schema",
        "label": "Schema",
        "key": "dataSource"
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      }
    ],
    "context": {
      "type": "form"
    }
  },
  "fieldgroup": {
    "name": "Field Group",
    "icon": "Group",
    "illegalChildren": ["section"],
    "hasChildren": true,
    "settings": [
      {
        "type": "select",
        "label": "Labels",
        "key": "labelPosition",
        "defaultValue": "above",
        "options": [
          {
            "label": "Left",
            "value": "left"
          },
          {
            "label": "Right",
            "value": "right"
          },
          {
            "label": "Above",
            "value": "above"
          }
        ]
      }
    ]
  },
  "stringfield": {
    "name": "Text Field",
    "icon": "Text",
    "illegalChildren": ["section"],
    "settings": [
      {
        "type": "field/string",
        "label": "Field",
        "key": "field"
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label"
      },
      {
        "type": "text",
        "label": "Placeholder",
        "key": "placeholder"
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      }
    ]
  },
  "numberfield": {
    "name": "Number Field",
    "icon": "123",
    "illegalChildren": ["section"],
    "settings": [
      {
        "type": "field/number",
        "label": "Field",
        "key": "field"
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label"
      },
      {
        "type": "text",
        "label": "Placeholder",
        "key": "placeholder"
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      }
    ]
  },
  "passwordfield": {
    "name": "Password Field",
    "icon": "LockClosed",
    "illegalChildren": ["section"],
    "settings": [
      {
        "type": "field/string",
        "label": "Field",
        "key": "field"
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label"
      },
      {
        "type": "text",
        "label": "Placeholder",
        "key": "placeholder"
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      }
    ]
  },
  "optionsfield": {
    "name": "Options Picker",
    "icon": "ViewList",
    "illegalChildren": ["section"],
    "settings": [
      {
        "type": "field/options",
        "label": "Field",
        "key": "field"
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label"
      },
      {
        "type": "text",
        "label": "Placeholder",
        "key": "placeholder",
        "placeholder": "Choose an option"
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      }
    ]
  },
  "booleanfield": {
    "name": "Checkbox",
    "icon": "Checkmark",
    "illegalChildren": ["section"],
    "settings": [
      {
        "type": "field/boolean",
        "label": "Field",
        "key": "field"
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label"
      },
      {
        "type": "text",
        "label": "Text",
        "key": "text"
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      }
    ]
  },
  "longformfield": {
    "name": "Rich Text",
    "icon": "TextParagraph",
    "illegalChildren": ["section"],
    "settings": [
      {
        "type": "field/longform",
        "label": "Field",
        "key": "field"
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label"
      },
      {
        "type": "text",
        "label": "Placeholder",
        "key": "placeholder",
        "placeholder": "Type something..."
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      }
    ]
  },
  "datetimefield": {
    "name": "Date Picker",
    "icon": "DateInput",
    "illegalChildren": ["section"],
    "settings": [
      {
        "type": "field/datetime",
        "label": "Field",
        "key": "field"
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label"
      },
      {
        "type": "text",
        "label": "Placeholder",
        "key": "placeholder"
      },
      {
        "type": "boolean",
        "label": "Show Time",
        "key": "enableTime",
        "defaultValue": true
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      }
    ]
  },
  "attachmentfield": {
    "name": "Attachment",
    "icon": "Attach",
    "illegalChildren": ["section"],
    "settings": [
      {
        "type": "field/attachment",
        "label": "Field",
        "key": "field"
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label"
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      }
    ]
  },
  "relationshipfield": {
    "name": "Relationship Picker",
    "icon": "TaskList",
    "illegalChildren": ["section"],
    "settings": [
      {
        "type": "field/link",
        "label": "Field",
        "key": "field"
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label"
      },
      {
        "type": "text",
        "label": "Placeholder",
        "key": "placeholder"
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      }
    ]
  },
  "dataprovider": {
    "name": "Data Provider",
    "info": "Pagination is only available for data stored in internal tables.",
    "icon": "Data",
    "illegalChildren": ["section"],
    "hasChildren": true,
    "settings": [
      {
        "type": "dataSource",
        "label": "Data",
        "key": "dataSource"
      },
      {
        "type": "filter",
        "label": "Filtering",
        "key": "filter"
      },
      {
        "type": "field",
        "label": "Sort Column",
        "key": "sortColumn"
      },
      {
        "type": "select",
        "label": "Sort Order",
        "key": "sortOrder",
        "options": ["Ascending", "Descending"],
        "defaultValue": "Descending"
      },
      {
        "type": "number",
        "label": "Limit",
        "key": "limit",
        "defaultValue": 50
      },
      {
        "type": "boolean",
        "label": "Paginate",
        "key": "paginate",
        "defaultValue": true
      }
    ],
    "context": {
      "type": "static",
      "values":  [
        {
          "label": "Rows",
          "key": "rows"
        },
        {
          "label": "Rows Length",
          "key": "rowsLength"
        },
        {
          "label": "Schema",
          "key": "schema"
        },
        {
          "label": "Page Number",
          "key": "pageNumber"
        }
      ]
    }
  },
  "table": {
    "name": "Table",
    "icon": "Table",
    "illegalChildren": ["section"],
    "hasChildren": true,
    "showEmptyState": false,
    "settings": [
      {
        "type": "dataProvider",
        "label": "Provider",
        "key": "dataProvider"
      },
      {
        "type": "number",
        "label": "Row Count",
        "key": "rowCount",
        "defaultValue": 8
      },
      {
        "type": "multifield",
        "label": "Columns",
        "key": "columns",
        "dependsOn": "dataProvider",
        "placeholder": "All columns"
      },
      {
        "type": "boolean",
        "label": "Quiet",
        "key": "quiet"
      },
      {
        "type": "boolean",
        "label": "Auto Columns",
        "key": "showAutoColumns",
        "defaultValue": false
      }
    ],
    "context": {
      "type": "schema"
    }
  },
  "daterangepicker": {
    "name": "Date Range",
    "icon": "Date",
    "hasChildren": false,
    "info": "Your data provider will be automatically filtered to the given date range.",
    "settings": [
      {
        "type": "dataProvider",
        "label": "Provider",
        "key": "dataProvider"
      },
      {
        "type": "field",
        "label": "Date field",
        "key": "field"
      },
      {
        "type": "select",
        "label": "Default range",
        "key": "defaultValue",
        "options": [
          "Last 1 day",
          "Last 7 days",
          "Last 30 days",
          "Last 3 months",
          "Last 6 months",
          "Last 1 year"
        ],
        "defaultValue": "Last 30 days"
      }
    ]
  },
  "spectrumcard": {
    "name": "Card",
    "icon": "Card",
    "styles": ["size"],
    "settings": [
      {
        "type": "text",
        "key": "title",
        "label": "Title"
      },
      {
        "type": "text",
        "key": "subtitle",
        "label": "Subtitle"
      },
      {
        "type": "text",
        "key": "description",
        "label": "Description"
      },
      {
        "type": "text",
        "key": "imageURL",
        "label": "Image URL"
      },
      {
        "type": "url",
        "key": "linkURL",
        "label": "Link URL"
      },
      {
        "type": "boolean",
        "key": "horizontal",
        "label": "Horizontal"
      }
    ]
  }
}