{
	"name": "form/nc/nc-define/component-property/nc-property-popup.json",
	"layout": {
		"component": "nc-row",
		"attribute": {
			"id": "nc-property-popup"
		},
		"element": [
			{
				"component": "nc-row",
				"element": [
					{
						"component": "nc-col",
						"attribute": {
							"width": "50%"
						},
						"element": [
							{
								"component": "nc-label",
								"text": "Position",
								"attribute": [
									
								]
							},
							{
								"component": "nc-input",
								"attribute": {
									"type": "string",
									"default": "top left",
									"description": "position for the popover."
								}
							}
						]
					},
					{
						"component": "nc-col",
						"attribute": {
							"width": "50%"
						},
						"element": [
							{
								"component": "nc-label",
								"text": "Content",
								"attribute": [
									
								]
							},
							{
								"component": "nc-input",
								"attribute": {
									"type": "string",
									"description": "simple text content for the popover."
								}
							}
						]
					},
					{
						"component": "nc-col",
						"attribute": {
							"width": "50%"
						},
						"element": [
							{
								"component": "nc-label",
								"text": "Size",
								"attribute": [
									
								]
							},
							{
								"component": "nc-input",
								"attribute": {
									"type": "string",
									"default": "small",
									"description": "popup size."
								}
							}
						]
					},
					{
						"component": "nc-col",
						"attribute": {
							"width": "50%"
						},
						"element": [
							{
								"component": "nc-label",
								"text": "Wide",
								"attribute": [
									
								]
							},
							{
								"component": "nc-input",
								"attribute": {
									"type": "string",
									"description": "popup width."
								}
							}
						]
					},
					{
						"component": "nc-col",
						"attribute": {
							"width": "50%"
						},
						"element": [
							{
								"component": "nc-label",
								"text": "Inverted",
								"attribute": [
									
								]
							},
							{
								"component": "nc-checkbox",
								"attribute": {
									"description": "invert the colors of the popup."
								}
							}
						]
					},
					{
						"component": "nc-col",
						"attribute": {
							"width": "50%"
						},
						"element": [
							{
								"component": "nc-label",
								"text": "Flowing",
								"attribute": [
									
								]
							},
							{
								"component": "nc-checkbox",
								"attribute": {
									"description": "a flowing popup has no maximum width and continues to flow to fit its content."
								}
							}
						]
					},
					{
						"component": "nc-col",
						"attribute": {
							"width": "50%"
						},
						"element": [
							{
								"component": "nc-label",
								"text": "Header",
								"attribute": [
									
								]
							},
							{
								"component": "nc-input",
								"attribute": {
									"type": "string",
									"description": "header displayed above the content in bold."
								}
							}
						]
					},
					{
						"component": "nc-col",
						"attribute": {
							"width": "50%"
						},
						"element": [
							{
								"component": "nc-label",
								"text": "Basic",
								"attribute": [
									
								]
							},
							{
								"component": "nc-checkbox",
								"attribute": {
									"description": "display the popup without the pointing arrow."
								}
							}
						]
					},
					{
						"component": "nc-col",
						"attribute": {
							"width": "50%"
						},
						"element": [
							{
								"component": "nc-label",
								"text": "Hoverable",
								"attribute": [
									
								]
							},
							{
								"component": "nc-checkbox",
								"attribute": {
									"description": "whether the popup should not close on hover."
								}
							}
						]
					}
				]
			}
		]
	}
}
