jsontoui v0.1.9

Example Component

Component is a reusable block which can compose of multiple nested container or component blocks.

{
	"name": "Button",
	"alias": [],
	"node": "component",
	"element": "button",
	"content": "Generated Button",
	"properties": {
		"style": {
			"height": "60px",
			"width": "200px",
			"backgroundColor": "blue"
		}
	}
}

Example Page

Page is a template block which composes of multiple container or component blocks.

{
	"name": "Home",
	"alias": [],
	"node": "page",
	"element": "div",
	"meta": {
		"title": "Home",
		"description": "This is the meta description for the home page"
	},
	"data": {
		"inputValue": "Hello World"
	},
	"children": [
		{
			"node": "container",
			"element": "div",
			"children": [
				{
					"node": "component",
					"element": "input",
					"properties": {
						"placeholder": "Please input",
						"v-model": "inputValue"
					}
				}
			]
		}
	]
}