Grid

Presentations v1.0 zero-schema

No description provided.

Required fields

PresentationType Children

Properties

PresentationType string required

In grid multiple items are displayed (such as images or text) in a structured way, with control over the number of items per row and the aspect ratio of each item.

Allowed Grid

ItemsPerLine integer optional

This property determines how many items (or grid cells) should be displayed in each row of the grid. For example, if you set it to 2, there will be 2 items in each row.

Default 1

ChildAspectRatio number optional

This property defines the aspect ratio (width to height ratio) of each grid cell. It helps maintain the size and shape of the child widget inside the cell.

Default 1

Children array required

The list of widgets to be displayed in this Column.

Studio editor metadata

Shapes the studio editor; not enforced at runtime.

Children

"Array"

{ "$id": "/schema/Presentations/Grid/1.0/index.json", "type": "object", "title": "Grid", "$schema": "http://json-schema.org/draft-07/schema#", "required": [ "PresentationType", "Children" ], "properties": { "PresentationType": { "enum": [ "Grid" ], "type": "string", "description": "In grid multiple items are displayed (such as images or text) in a structured way, with control over the number of items per row and the aspect ratio of each item." }, "ItemsPerLine": { "type": "integer", "description": "This property determines how many items (or grid cells) should be displayed in each row of the grid. For example, if you set it to 2, there will be 2 items in each row.", "default": 1 }, "ChildAspectRatio": { "type": "number", "description": "This property defines the aspect ratio (width to height ratio) of each grid cell. It helps maintain the size and shape of the child widget inside the cell.", "default": 1 }, "Children": { "type": "array", "editor": "Array", "description": "The list of widgets to be displayed in this Column.", "items": { "$ref": "/schema/shared/Widget/1.0/index.json" } } }, "x-icon": "<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/></svg>", "x-family": "Presentations", "x-name": "Grid", "x-version": "1.0", "x-source-package": "zero-schema" }