2019-08-20 08:18:23 +12:00
|
|
|
{
|
2019-09-11 16:18:00 +12:00
|
|
|
"_lib": "./dist/index.js",
|
2020-02-20 10:38:21 +13:00
|
|
|
"_templates" : {
|
|
|
|
"saveRecordButton" : {
|
|
|
|
"description": "Save record button",
|
|
|
|
"component": "button"
|
|
|
|
}
|
|
|
|
},
|
2019-08-20 08:18:23 +12:00
|
|
|
"button" : {
|
|
|
|
"name": "Button",
|
|
|
|
"description": "an html <button />",
|
|
|
|
"props": {
|
|
|
|
"contentText": { "type": "string", "default": "Button" },
|
2020-01-18 22:00:18 +13:00
|
|
|
"className": "string",
|
2019-09-20 19:01:35 +12:00
|
|
|
"disabled": "bool",
|
2019-10-07 18:03:41 +13:00
|
|
|
"onClick": "event",
|
|
|
|
"background": "string",
|
|
|
|
"color": "string",
|
|
|
|
"border": "string",
|
|
|
|
"padding": "string",
|
|
|
|
"hoverColor": "string",
|
|
|
|
"hoverBackground": "string",
|
|
|
|
"hoverBorder": "string"
|
2019-08-20 08:18:23 +12:00
|
|
|
},
|
2020-02-19 04:41:44 +13:00
|
|
|
"tags": ["layout"],
|
|
|
|
"presets": {
|
|
|
|
"primary": {
|
|
|
|
"contentText": "Primary Button Preset",
|
|
|
|
"color": "papayawhip",
|
|
|
|
"padding": "20px",
|
|
|
|
"background": "blue"
|
|
|
|
},
|
|
|
|
"secondary": {
|
|
|
|
"contentText": "Secondary Button Preset",
|
|
|
|
"color": "rebeccapurple",
|
|
|
|
"padding": "10px",
|
|
|
|
"background": "#fff",
|
|
|
|
"border": "1px solid red"
|
|
|
|
},
|
|
|
|
"error": {
|
|
|
|
"contentText": "ERROR",
|
|
|
|
"color": "red",
|
|
|
|
"padding": "10px",
|
|
|
|
"border": "1px solid red"
|
|
|
|
}
|
|
|
|
}
|
2019-08-27 18:32:56 +12:00
|
|
|
},
|
|
|
|
"login" : {
|
|
|
|
"name": "Login Control",
|
2019-10-07 18:03:41 +13:00
|
|
|
"description": "A control that accepts username, password an also handles password resets",
|
2019-08-27 18:32:56 +12:00
|
|
|
"props" : {
|
|
|
|
"logo": "asset",
|
|
|
|
"loginRedirect": "string",
|
|
|
|
"usernameLabel": {"type":"string", "default": "Username"},
|
|
|
|
"passwordLabel": {"type":"string", "default": "Password"},
|
2019-09-19 15:35:40 +12:00
|
|
|
"loginButtonLabel": {"type":"string", "default": "Login"},
|
2019-09-29 18:40:06 +13:00
|
|
|
"buttonClass": "string",
|
|
|
|
"inputClass": "string"
|
2019-08-27 18:32:56 +12:00
|
|
|
},
|
|
|
|
"tags": ["login", "credentials", "password", "logon"]
|
|
|
|
},
|
2019-10-16 17:38:45 +13:00
|
|
|
"input" : {
|
|
|
|
"name": "Input",
|
|
|
|
"description": "An HTML input",
|
|
|
|
"props" : {
|
|
|
|
"value": "string",
|
|
|
|
"type": {
|
|
|
|
"type":"options",
|
|
|
|
"options":[
|
|
|
|
"text", "password", "checkbox", "color",
|
|
|
|
"date", "datetime-local", "email",
|
|
|
|
"file", "hidden", "image", "month", "number",
|
|
|
|
"radio", "range", "reset", "search", "submit",
|
|
|
|
"tel", "time", "week"],
|
|
|
|
"default":"text"
|
|
|
|
},
|
2020-02-21 09:19:24 +13:00
|
|
|
"onChange": "event",
|
2020-01-18 22:00:18 +13:00
|
|
|
"className": "string"
|
2019-10-16 17:38:45 +13:00
|
|
|
},
|
|
|
|
"tags": ["form"]
|
|
|
|
},
|
|
|
|
"select" : {
|
2020-02-15 00:51:45 +13:00
|
|
|
"name": "Select",
|
|
|
|
"description": "An HTML <select> (dropdown)",
|
2019-10-16 17:38:45 +13:00
|
|
|
"props" : {
|
|
|
|
"value": "string",
|
2020-01-18 22:00:18 +13:00
|
|
|
"className": "string"
|
2020-02-15 00:51:45 +13:00
|
|
|
}
|
|
|
|
},
|
|
|
|
"option" : {
|
|
|
|
"name": "Option",
|
|
|
|
"description": "An HTML <option>, to be used with <select>",
|
|
|
|
"children": false,
|
|
|
|
"props" : {
|
|
|
|
"value": "string",
|
|
|
|
"text": "string"
|
|
|
|
}
|
2019-10-16 17:38:45 +13:00
|
|
|
},
|
2019-09-19 15:35:40 +12:00
|
|
|
"text": {
|
|
|
|
"name": "Text",
|
2019-10-07 18:03:41 +13:00
|
|
|
"description": "stylable block of text",
|
2020-01-18 22:00:18 +13:00
|
|
|
"children": false,
|
2019-09-19 15:35:40 +12:00
|
|
|
"props" : {
|
2020-02-15 00:51:45 +13:00
|
|
|
"text": "string",
|
2019-09-26 16:40:58 +12:00
|
|
|
"font": "string",
|
|
|
|
"color": "string",
|
|
|
|
"textAlign": {
|
|
|
|
"type": "options",
|
|
|
|
"default":"inline",
|
|
|
|
"options": [
|
|
|
|
"left", "center", "right"
|
|
|
|
]
|
|
|
|
},
|
|
|
|
"verticalAlign": {
|
|
|
|
"type": "options",
|
|
|
|
"default":"inline",
|
|
|
|
"options": [
|
|
|
|
"top", "middle", "bottom"
|
|
|
|
]
|
2020-02-15 00:51:45 +13:00
|
|
|
},
|
|
|
|
"formattingTag": {
|
|
|
|
"type": "options",
|
|
|
|
"default":"none",
|
|
|
|
"options": [
|
|
|
|
"none",
|
|
|
|
"<b> - bold",
|
|
|
|
"<strong> - important",
|
|
|
|
"<i> - italic",
|
|
|
|
"<em> - emphasized",
|
|
|
|
"<mark> - marked text",
|
|
|
|
"<small> - small",
|
|
|
|
"<del> - deleted",
|
|
|
|
"<ins> - inserted",
|
|
|
|
"<sub> - subscript",
|
|
|
|
"<sup> - superscript"
|
|
|
|
]
|
2019-09-19 15:35:40 +12:00
|
|
|
}
|
|
|
|
},
|
|
|
|
"tags": ["div", "container"]
|
2019-09-26 16:40:58 +12:00
|
|
|
},
|
2020-02-21 06:06:50 +13:00
|
|
|
"link": {
|
|
|
|
"description": "an HTML anchor <a> tag",
|
|
|
|
"props": {
|
|
|
|
"url": "string",
|
|
|
|
"openInNewTab": "bool",
|
2020-02-22 00:43:21 +13:00
|
|
|
"text": "string",
|
|
|
|
"color": "string",
|
|
|
|
"hoverColor": "string",
|
|
|
|
"underline": "bool",
|
|
|
|
"fontSize": "string"
|
2020-02-21 06:06:50 +13:00
|
|
|
}
|
|
|
|
},
|
|
|
|
"image": {
|
|
|
|
"description": "an HTML <img> tag",
|
|
|
|
"props": {
|
|
|
|
"url": "string",
|
|
|
|
"className": "string",
|
|
|
|
"description": "string",
|
|
|
|
"height": "string",
|
|
|
|
"width": "string"
|
|
|
|
}
|
|
|
|
},
|
2020-02-15 00:51:45 +13:00
|
|
|
"container": {
|
|
|
|
"name": "Container",
|
|
|
|
"description": "An element that contains and lays out other elements. e.g. <div>, <header> etc",
|
2019-10-14 20:32:20 +13:00
|
|
|
"props" : {
|
|
|
|
"className":"string",
|
2020-02-15 00:51:45 +13:00
|
|
|
"onLoad": "event",
|
|
|
|
"type": {
|
|
|
|
"type": "options",
|
|
|
|
"options": [
|
|
|
|
"article",
|
|
|
|
"aside",
|
|
|
|
"details",
|
|
|
|
"div",
|
|
|
|
"firgure",
|
|
|
|
"figcaption",
|
|
|
|
"footer",
|
|
|
|
"header",
|
|
|
|
"main",
|
|
|
|
"mark",
|
|
|
|
"nav",
|
|
|
|
"paragraph",
|
|
|
|
"summary"
|
|
|
|
],
|
|
|
|
"default": "div"
|
2020-02-22 00:43:21 +13:00
|
|
|
},
|
|
|
|
"backgroundColor": "string",
|
|
|
|
"color": "string",
|
|
|
|
"borderWidth": "string",
|
|
|
|
"borderColor": "string",
|
|
|
|
"borderStyle": {
|
|
|
|
"type":"options",
|
|
|
|
"options": [
|
|
|
|
"none",
|
|
|
|
"solid",
|
|
|
|
"dotted",
|
|
|
|
"dashed",
|
|
|
|
"double",
|
|
|
|
"groove",
|
|
|
|
"ridge",
|
|
|
|
"inset",
|
|
|
|
"outset"
|
|
|
|
],
|
|
|
|
"default": "none"
|
2020-02-15 00:51:45 +13:00
|
|
|
}
|
2020-02-22 00:43:21 +13:00
|
|
|
|
2019-10-14 20:32:20 +13:00
|
|
|
},
|
2020-01-21 10:57:27 +13:00
|
|
|
"container": true,
|
2019-10-14 20:32:20 +13:00
|
|
|
"tags": ["div", "container", "layout"]
|
2019-10-16 17:38:45 +13:00
|
|
|
},
|
2020-02-15 00:51:45 +13:00
|
|
|
"heading": {
|
|
|
|
"name": "Heading",
|
|
|
|
"description": "An HTML H1 - H6 tag",
|
2019-10-16 17:38:45 +13:00
|
|
|
"props" : {
|
2020-02-15 00:51:45 +13:00
|
|
|
"className":"string",
|
|
|
|
"type": {
|
|
|
|
"type": "options",
|
|
|
|
"default": "h1",
|
|
|
|
"options": ["h1","h2","h3","h4","h5","h6"]
|
|
|
|
}
|
2019-10-16 17:38:45 +13:00
|
|
|
},
|
|
|
|
"tags": []
|
2020-02-21 06:06:50 +13:00
|
|
|
},
|
|
|
|
"thead": {
|
|
|
|
"name": "TableHead",
|
|
|
|
"description": "an HTML <thead> tab",
|
|
|
|
"props" : {
|
|
|
|
"className":"string"
|
|
|
|
}
|
|
|
|
},
|
|
|
|
"tbody": {
|
|
|
|
"name": "TableBody",
|
|
|
|
"description": "an HTML <tbody> tab",
|
|
|
|
"props" : {
|
|
|
|
"className":"string"
|
|
|
|
}
|
2019-08-20 08:18:23 +12:00
|
|
|
}
|
|
|
|
}
|