[
	{
		"name": "child",
		"items": [
			{
				"label": "Rich Text",
				"config": {
					"icon": "fas fa-pencil-ruler",
					"label": null,
					"content": "<p>CHILD</p>",
					"interactive": true,
					"renderVarHtml": null
				},
				"component": "FormHtmlViewer",
				"inspector": [
					{
						"type": "FormTextArea",
						"field": "content",
						"config": {
							"rows": 5,
							"label": "Content",
							"value": null,
							"helper": "The HTML text to display"
						}
					},
					{
						"type": "FormCheckbox",
						"field": "renderVarHtml",
						"config": {
							"label": "Render HTML from a Variable",
							"value": null,
							"helper": null
						}
					},
					{
						"type": "FormInput",
						"field": "conditionalHide",
						"config": {
							"label": "Visibility Rule",
							"helper": "This control is hidden until this expression is true"
						}
					},
					{
						"type": "FormInput",
						"field": "customCssSelector",
						"config": {
							"label": "CSS Selector Name",
							"helper": "Use this in your custom css rules",
							"validation": "regex: [-?[_a-zA-Z]+[_-a-zA-Z0-9]*]"
						}
					}
				],
				"editor-control": "FormHtmlEditor",
				"editor-component": "FormHtmlEditor"
			}
		]
	}
]