budibase/packages/standard-components/components.json

422 lines
7.1 KiB
JSON
Raw Normal View History

2019-08-19 22:18:23 +02:00
{
2019-09-11 06:18:00 +02:00
"_lib": "./dist/index.js",
2020-04-23 14:32:36 +02:00
"_templates": {
"saveRowButton": {
"description": "Save row button",
2020-02-19 22:38:21 +01:00
"component": "button"
}
},
"embed": {
"name": "Embed",
"description": "Embed stuff",
"props": {
"embed": "string"
}
},
2020-11-13 11:12:38 +01:00
"richtext": {
"name": "Rich Text",
"description": "A component that allows the user to enter long form text.",
"props": {
"value": "string"
}
},
2020-04-23 14:22:41 +02:00
"icon": {
"description": "A HTML icon tag",
"props": {
2020-09-25 11:44:05 +02:00
"icon": "string",
"size": {
"type": "string",
"default": "fa-lg"
},
"color": {
"type": "string",
"default": "#000"
}
2020-09-14 12:08:03 +02:00
}
},
2020-10-09 18:12:55 +02:00
"newrow": {
"name": "New Row",
"description": "Prepares a new row for creation",
"context": "table",
2020-10-07 23:30:00 +02:00
"children": true,
"data": true,
"baseComponent": true,
2020-07-01 14:19:14 +02:00
"props": {
"table": "tables"
2020-06-03 00:26:06 +02:00
}
},
"cardstat": {
"name": "Stat Card",
"props": {
"title": "string",
"value": "string",
"label": "string"
}
},
2020-08-13 09:58:48 +02:00
"cardhorizontal": {
"name": "Horizontal Card",
"props": {
"imageUrl": "string",
"heading": "string",
"description": "string",
"subtext": "string",
"linkText": "string",
"linkUrl": "string",
"linkColor": {
2020-12-09 12:00:17 +01:00
"type": "string",
"default": "#000"
},
"linkHoverColor": {
"type": "string",
"default": "#000"
},
2020-08-13 09:58:48 +02:00
"imageWidth": {
"type": "options",
"default": "8rem",
"options": [
"8rem",
"12rem",
2020-08-26 09:11:16 +02:00
"16rem"
2020-08-13 09:58:48 +02:00
]
},
"cardWidth": {
"type": "options",
"default": "32rem",
"options": [
"24rem",
"28rem",
"32rem",
"40rem",
"48rem",
"60rem",
2020-08-26 09:11:16 +02:00
"100%"
2020-08-13 09:58:48 +02:00
]
},
"imageHeight": {
"type": "options",
"default": "8rem",
"options": [
"8rem",
"12rem",
2020-08-26 09:11:16 +02:00
"16rem"
2020-08-13 09:58:48 +02:00
]
}
}
},
2020-07-26 12:54:55 +02:00
"bar": {
"description": "Bar Chart",
"data": true,
"props": {
"title": "string",
"datasource": "tables",
"labelColumn": "string",
"valueColumns": "string",
"height": {
2020-11-04 16:21:11 +01:00
"type": "string",
"default": "400"
},
2020-11-04 16:21:11 +01:00
"width": "string",
2020-11-03 11:11:31 +01:00
"dataLabels": "bool",
"animate": {
"type": "bool",
"default": true
},
2020-07-26 12:54:55 +02:00
"xAxisLabel": "string",
"yAxisLabel": "string",
2020-11-03 10:48:35 +01:00
"legend": "bool",
"stacked": "bool",
"yAxisUnits": {
"type": "options",
"default": "Default",
"options": [
"Default", "Thousands", "Millions"
]
2020-11-05 14:37:28 +01:00
},
"palette": {
"type": "options",
"default": "Palette 1",
"options": [
"Palette 1",
"Palette 2",
"Palette 3",
"Palette 4",
"Palette 5",
"Palette 6",
"Palette 7",
"Palette 8",
"Palette 9",
"Palette 10"
]
}
2020-07-26 12:54:55 +02:00
}
},
"line": {
"description": "Line Chart",
"data": true,
"props": {
"title": "string",
"datasource": "tables",
"labelColumn": "string",
"valueColumns": "string",
"height": {
2020-11-04 16:21:11 +01:00
"type": "string",
"default": "400"
},
2020-11-04 16:21:11 +01:00
"width": "string",
"dataLabels": {
2020-09-25 11:44:05 +02:00
"type": "bool",
"default": false
2020-09-25 11:44:05 +02:00
},
"animate": {
2020-09-25 11:44:05 +02:00
"type": "bool",
"default": true
},
2020-08-17 14:59:09 +02:00
"xAxisLabel": "string",
2020-08-18 16:45:44 +02:00
"yAxisLabel": "string",
"curve": {
"type": "options",
"options": [
"Smooth",
"Straight",
"Stepline"
],
"default": "Smooth"
},
2020-11-03 15:32:21 +01:00
"legend": "bool",
"yAxisUnits": {
"type": "options",
"default": "Default",
"options": [
"Default", "Thousands", "Millions"
]
2020-11-05 14:37:28 +01:00
},
"palette": {
"type": "options",
"default": "Palette 1",
"options": [
"Palette 1",
"Palette 2",
"Palette 3",
"Palette 4",
"Palette 5",
"Palette 6",
"Palette 7",
"Palette 8",
"Palette 9",
"Palette 10"
]
2020-11-03 15:32:21 +01:00
}
}
},
"area": {
"description": "Area Chart",
"data": true,
"props": {
"title": "string",
"datasource": "tables",
"labelColumn": "string",
"valueColumns": "string",
"height": {
2020-11-04 16:21:11 +01:00
"type": "string",
2020-11-03 15:32:21 +01:00
"default": "400"
},
2020-11-04 16:21:11 +01:00
"width": "string",
2020-11-03 15:32:21 +01:00
"dataLabels": {
"type": "bool",
"default": false
},
"animate": {
"type": "bool",
"default": true
},
"xAxisLabel": "string",
"yAxisLabel": "string",
"curve": {
"type": "options",
"options": [
"Smooth",
"Straight",
"Stepline"
],
"default": "Smooth"
},
2020-11-04 15:26:14 +01:00
"legend": "bool",
"stacked": {
2020-11-03 15:32:21 +01:00
"type": "bool",
"default": true
},
"gradient": "bool",
"yAxisUnits": {
"type": "options",
"default": "Default",
"options": [
"Default", "Thousands", "Millions"
]
2020-11-05 14:37:28 +01:00
},
"palette": {
"type": "options",
"default": "Palette 1",
"options": [
"Palette 1",
"Palette 2",
"Palette 3",
"Palette 4",
"Palette 5",
"Palette 6",
"Palette 7",
"Palette 8",
"Palette 9",
"Palette 10"
]
2020-11-03 15:32:21 +01:00
}
}
},
2020-11-03 12:50:55 +01:00
"pie": {
"description": "Pie Chart",
"data": true,
"props": {
2020-11-03 12:50:55 +01:00
"title": "string",
"datasource": "tables",
"labelColumn": "string",
"valueColumn": "string",
"height": {
2020-11-04 16:21:11 +01:00
"type": "string",
2020-11-03 12:50:55 +01:00
"default": "200"
},
2020-11-04 16:21:11 +01:00
"width": "string",
2020-11-03 12:50:55 +01:00
"dataLabels": "bool",
"animate": {
"type": "bool",
"default": true
},
"legend": {
"type": "bool",
"default": true
2020-11-05 14:37:28 +01:00
},
"palette": {
"type": "options",
"default": "Palette 1",
"options": [
"Palette 1",
"Palette 2",
"Palette 3",
"Palette 4",
"Palette 5",
"Palette 6",
"Palette 7",
"Palette 8",
"Palette 9",
"Palette 10"
]
2020-11-03 12:50:55 +01:00
}
2020-08-12 17:30:20 +02:00
}
},
2020-11-03 12:50:55 +01:00
"donut": {
"description": "Donut Chart",
"data": true,
"props": {
2020-11-03 12:50:55 +01:00
"title": "string",
"datasource": "tables",
2020-11-03 12:50:55 +01:00
"labelColumn": "string",
"valueColumn": "string",
"height": {
2020-11-04 16:21:11 +01:00
"type": "string",
2020-11-03 12:50:55 +01:00
"default": "200"
},
2020-11-04 16:21:11 +01:00
"width": "string",
2020-11-03 12:50:55 +01:00
"dataLabels": "bool",
"animate": {
"type": "bool",
"default": true
},
"legend": {
"type": "bool",
"default": true
2020-11-05 14:37:28 +01:00
},
"palette": {
"type": "options",
"default": "Palette 1",
"options": [
"Palette 1",
"Palette 2",
"Palette 3",
"Palette 4",
"Palette 5",
"Palette 6",
"Palette 7",
"Palette 8",
"Palette 9",
"Palette 10"
]
2020-11-03 12:50:55 +01:00
}
}
},
2020-11-04 16:21:11 +01:00
"candlestick": {
"description": "Candlestick Chart",
"data": true,
"props": {
"title": "string",
"datasource": "tables",
"dateColumn": "string",
"openColumn": "string",
"closeColumn": "string",
"highColumn": "string",
"lowColumn": "string",
"height": {
"type": "string",
"default": "400"
},
"width": "string",
"animate": {
"type": "bool",
"default": true
},
"xAxisLabel": "string",
"yAxisLabel": "string",
"yAxisUnits": {
"type": "options",
"default": "Default",
"options": [
"Default", "Thousands", "Millions"
]
}
}
},
"datepicker": {
"name": "Date Picker",
"description": "Date Picker",
"bindable": "value",
"props": {
"placeholder": "string"
}
},
2020-02-20 18:06:50 +01:00
"image": {
"description": "an HTML <img> tag",
"props": {
"url": "string"
2020-02-20 18:06:50 +01:00
}
},
"heading": {
"name": "Heading",
"description": "An HTML H1 - H6 tag",
2020-04-23 14:32:36 +02:00
"props": {
2020-04-22 12:52:55 +02:00
"text": "string",
2020-08-12 17:30:20 +02:00
"type": {
"type": "options",
"default": "h1",
2020-04-23 14:32:36 +02:00
"options": [
"h1",
"h2",
"h3",
"h4",
"h5",
"h6"
]
}
},
"tags": []
2019-08-19 22:18:23 +02:00
}
}