Wrappers

Theses Layouts are used to display a single sub-layout using child property.

Container

• Description: Contain a sub-layout with additional options for display.
• Options:
  • display: object
    • width: number
    • height: number
    • padding: number
    • shape: enum(circle)
    • color: enum(red, green, white, orange, primary, surface) || hex color || int color

Example:

{
	"type": "container",
	"child": {
		"type": "component",
		"name": "example-component"
	},
	"options": {
		"display": {
			"width": 100,
			"height": 200
		}
	}
}

Expanded Section

• Description: Display a title and a sub-layout. The sub-layout is displayed only if the section is expanded.

Example:

{
	"type": "expanded_section",
	"title": {
		"type": "component",
		"name": "example-title"
	},
	"child": {
		"type": "component",
		"name": "example-component"
	}
}