[
	{
		"title": "Search",
		"fields": {
			"label": {
				"type": "input",
				"label": "Label Text",
				"value": "Search"
			},
			"id": {
				"type": "input",
				"label": "ID / Name",
				"value": "search"
			},
			"placement": {
				"type": "select",
				"label": "Layout",
				"value": [
					{
						"label": "Prepended",
						"value": "prepended",
						"selected": false
					},
					{
						"label": "Appended",
						"value": "appended",
						"selected": true
					}
				]
			},
			"inputsize": {
				"type": "select",
				"label": "Input Size",
				"value": [
					{
						"label": "Small",
						"value": "sm",
						"selected": false
					},{
						"label": "Normal",
						"value": "",
						"selected": true
					},
					{
						"label": "Large",
						"value": "lg",
						"selected": false
					}
				]
			},
			"placeholder": {
				"type": "input",
				"label": "Placeholder",
				"value": "placeholder"
			},
			"helptext": {
				"type": "input",
				"label": "Help Text",
				"value": "help"
			},
			"required": {
				"type": "checkbox",
				"label": "Required",
				"value": false
			},
			"isDisabled": {
				"type": "checkbox",
				"label": "Disabled",
				"value": false
			},
			"readonly": {
				"type": "checkbox",
				"label": "Readonly",
				"value": false
			}
		}
	},
	{
		"title": "Input With Checkbox",
		"fields": {
			"label": {
				"type": "input",
				"label": "Label Text",
				"value": "Checkbox"
			},
			"id": {
				"type": "input",
				"label": "ID / Name",
				"value": "inputwithcheckbox"
			},
			"inputtype": {
				"type": "select",
				"label": "Input Type",
				"value": [
					{
						"label": "Text",
						"value": "text",
						"selected": true
					},
					{
						"label": "Password",
						"value": "password",
						"selected": false
					},
					{
						"label": "Datetime",
						"value": "datetime",
						"selected": false
					},
					{
						"label": "Datetime-Local",
						"value": "datetime-local",
						"selected": false
					},
					{
						"label": "Date",
						"value": "date",
						"selected": false
					},
					{
						"label": "Month",
						"value": "month",
						"selected": false
					},
					{
						"label": "Time",
						"value": "time",
						"selected": false
					},
					{
						"label": "Week",
						"value": "week",
						"selected": false
					},
					{
						"label": "Number",
						"value": "number",
						"selected": false
					},
					{
						"label": "Email",
						"value": "email",
						"selected": false
					},
					{
						"label": "URL",
						"value": "url",
						"selected": false
					},
					{
						"label": "Search",
						"value": "search",
						"selected": false
					},
					{
						"label": "Tel",
						"value": "tel",
						"selected": false
					},
					{
						"label": "Color",
						"value": "color",
						"selected": false
					}
				]
			},
			"placement": {
				"type": "select",
				"label": "Layout",
				"value": [
					{
						"label": "Prepended",
						"value": "prepended",
						"selected": false
					},
					{
						"label": "Appended",
						"value": "appended",
						"selected": true
					}
				]
			},
			"inputsize": {
				"type": "select",
				"label": "Input Size",
				"value": [
					{
						"label": "Small",
						"value": "sm",
						"selected": false
					},{
						"label": "Normal",
						"value": "",
						"selected": true
					},
					{
						"label": "Large",
						"value": "lg",
						"selected": false
					}
				]
			},
			"placeholder": {
				"type": "input",
				"label": "Placeholder",
				"value": "placeholder"
			},
			"checkboxValue": {
				"type": "input",
				"label": "Checkbox Value",
				"value": "option1"
			},
			"checked": {
				"type": "checkbox",
				"label": "Checked",
				"value": false
			},
			"helptext": {
				"type": "input",
				"label": "Help Text",
				"value": "help"
			},
			"required": {
				"type": "checkbox",
				"label": "Required",
				"value": false
			},
			"isDisabled": {
				"type": "checkbox",
				"label": "Disabled",
				"value": false
			},
			"readonly": {
				"type": "checkbox",
				"label": "Readonly",
				"value": false
			}
		}
	},
	{
		"title": "Input With Button Dropdown",
		"fields": {
			"label": {
				"type": "input",
				"label": "Label Text",
				"value": "Dropdown"
			},
			"id": {
				"type": "input",
				"label": "ID / Name",
				"value": "inputwithbuttondropdown"
			},
			"inputtype": {
				"type": "select",
				"label": "Input Type",
				"value": [
					{
						"label": "Text",
						"value": "text",
						"selected": true
					},
					{
						"label": "Password",
						"value": "password",
						"selected": false
					},
					{
						"label": "Datetime",
						"value": "datetime",
						"selected": false
					},
					{
						"label": "Datetime-Local",
						"value": "datetime-local",
						"selected": false
					},
					{
						"label": "Date",
						"value": "date",
						"selected": false
					},
					{
						"label": "Month",
						"value": "month",
						"selected": false
					},
					{
						"label": "Time",
						"value": "time",
						"selected": false
					},
					{
						"label": "Week",
						"value": "week",
						"selected": false
					},
					{
						"label": "Number",
						"value": "number",
						"selected": false
					},
					{
						"label": "Email",
						"value": "email",
						"selected": false
					},
					{
						"label": "URL",
						"value": "url",
						"selected": false
					},
					{
						"label": "Search",
						"value": "search",
						"selected": false
					},
					{
						"label": "Tel",
						"value": "tel",
						"selected": false
					},
					{
						"label": "Color",
						"value": "color",
						"selected": false
					}
				]
			},
			"placement": {
				"type": "select",
				"label": "Layout",
				"value": [
					{
						"label": "Prepended",
						"value": "prepended",
						"selected": false
					},
					{
						"label": "Appended",
						"value": "appended",
						"selected": true
					}
				]
			},
			"inputsize": {
				"type": "select",
				"label": "Input Size",
				"value": [
					{
						"label": "Small",
						"value": "sm",
						"selected": false
					},{
						"label": "Normal",
						"value": "",
						"selected": true
					},
					{
						"label": "Large",
						"value": "lg",
						"selected": false
					}
				]
			},
			"placeholder": {
				"type": "input",
				"label": "Placeholder",
				"value": "placeholder"
			},
			"buttonoptions": {
				"type": "textarea-split",
				"label": "Options",
				"value": [
					"Option one",
					"Option two",
					"Option three"
				]
			},
			"buttontext": {
				"type": "input",
				"label": "Button Text",
				"value": "Action"
			},
			"buttonstyle": {
				"type": "select",
				"label": "Button Style",
				"value": [
					{
						"label": "Default",
						"value": "btn-default",
						"selected": true
					},
					{
						"label": "Primary",
						"value": "btn-primary",
						"selected": false
					},
					{
						"label": "Info",
						"value": "btn-info",
						"selected": false
					},
					{
						"label": "Success",
						"value": "btn-success",
						"selected": false
					},
					{
						"label": "Warning",
						"value": "btn-warning",
						"selected": false
					},
					{
						"label": "Danger",
						"value": "btn-danger",
						"selected": false
					},
					{
						"label": "Inverse",
						"value": "btn-inverse",
						"selected": false
					}
				]
			},
			"helptext": {
				"type": "input",
				"label": "Help Text",
				"value": "help"
			},
			"required": {
				"type": "checkbox",
				"label": "Required",
				"value": false
			},
			"isDisabled": {
				"type": "checkbox",
				"label": "Disabled",
				"value": false
			},
			"readonly": {
				"type": "checkbox",
				"label": "Readonly",
				"value": false
			}
		}
	},
	{
		"title": "Input With Combobox",
		"fields": {
			"label": {
				"type": "input",
				"label": "Label Text",
				"value": "Combobox"
			},
			"id": {
				"type": "input",
				"label": "ID / Name",
				"value": "inputwithcombobox"
			},
			"inputtype": {
				"type": "select",
				"label": "Input Type",
				"value": [
					{
						"label": "Text",
						"value": "text",
						"selected": true
					},
					{
						"label": "Password",
						"value": "password",
						"selected": false
					},
					{
						"label": "Datetime",
						"value": "datetime",
						"selected": false
					},
					{
						"label": "Datetime-Local",
						"value": "datetime-local",
						"selected": false
					},
					{
						"label": "Date",
						"value": "date",
						"selected": false
					},
					{
						"label": "Month",
						"value": "month",
						"selected": false
					},
					{
						"label": "Time",
						"value": "time",
						"selected": false
					},
					{
						"label": "Week",
						"value": "week",
						"selected": false
					},
					{
						"label": "Number",
						"value": "number",
						"selected": false
					},
					{
						"label": "Email",
						"value": "email",
						"selected": false
					},
					{
						"label": "URL",
						"value": "url",
						"selected": false
					},
					{
						"label": "Search",
						"value": "search",
						"selected": false
					},
					{
						"label": "Tel",
						"value": "tel",
						"selected": false
					},
					{
						"label": "Color",
						"value": "color",
						"selected": false
					}
				]
			},
			"placement": {
				"type": "select",
				"label": "Layout",
				"value": [
					{
						"label": "Prepended",
						"value": "prepended",
						"selected": false
					},
					{
						"label": "Appended",
						"value": "appended",
						"selected": true
					}
				]
			},
			"inputsize": {
				"type": "select",
				"label": "Input Size",
				"value": [
					{
						"label": "Small",
						"value": "sm",
						"selected": false
					},{
						"label": "Normal",
						"value": "",
						"selected": true
					},
					{
						"label": "Large",
						"value": "lg",
						"selected": false
					}
				]
			},
			"placeholder": {
				"type": "input",
				"label": "Placeholder",
				"value": "placeholder"
			},
			"buttonoptions": {
				"type": "textarea-split",
				"label": "Options",
				"value": [
					"Option one",
					"Option two",
					"Option three"
				]
			},
			"buttontext": {
				"type": "input",
				"label": "Button Text",
				"value": "Action"
			},
			"buttonstyle": {
				"type": "select",
				"label": "Button Style",
				"value": [
					{
						"label": "Default",
						"value": "btn-default",
						"selected": true
					},
					{
						"label": "Primary",
						"value": "btn-primary",
						"selected": false
					},
					{
						"label": "Info",
						"value": "btn-info",
						"selected": false
					},
					{
						"label": "Success",
						"value": "btn-success",
						"selected": false
					},
					{
						"label": "Warning",
						"value": "btn-warning",
						"selected": false
					},
					{
						"label": "Danger",
						"value": "btn-danger",
						"selected": false
					},
					{
						"label": "Inverse",
						"value": "btn-inverse",
						"selected": false
					}
				]
			},
			"helptext": {
				"type": "input",
				"label": "Help Text",
				"value": "help"
			},
			"required": {
				"type": "checkbox",
				"label": "Required",
				"value": false
			},
			"isDisabled": {
				"type": "checkbox",
				"label": "Disabled",
				"value": false
			},
			"readonly": {
				"type": "checkbox",
				"label": "Readonly",
				"value": false
			}
		}
	}
]