Docs/Presentations/Row

Row

Presentations v1.0 zero-schema

No description provided.

Required fields

PresentationType

Properties

PresentationType required

A layout element used to arrange child widgets horizontally, allowing for side-by-side alignment.

CrossAxis string optional

Determines how the children are aligned along the cross axis (horizontal axis in a Row)

Allowed Start End Center Stretch Baseline

MainAxis string optional

Determines how the children are aligned along the main axis (vertical axis in a Row)

Allowed Start End Center SpaceBetween SpaceAround SpaceEvenly

Children array optional

n array of child widgets contained within the Row. Each child widget is defined by a reference to a schema for a generic widget.

{ "$id": "/schema/Presentations/Row/1.0/index.json", "type": "object", "title": "Row", "$schema": "http://json-schema.org/draft-07/schema#", "required": [ "PresentationType" ], "properties": { "PresentationType": { "pattern": "Row", "description": "A layout element used to arrange child widgets horizontally, allowing for side-by-side alignment." }, "CrossAxis": { "enum": [ "Start", "End", "Center", "Stretch", "Baseline" ], "type": "string", "description": "Determines how the children are aligned along the cross axis (horizontal axis in a Row)" }, "MainAxis": { "enum": [ "Start", "End", "Center", "SpaceBetween", "SpaceAround", "SpaceEvenly" ], "type": "string", "description": "Determines how the children are aligned along the main axis (vertical axis in a Row)" }, "Children": { "type": "array", "items": { "$ref": "/schema/shared/Widget/1.0/index.json" }, "description": "n array of child widgets contained within the Row. Each child widget is defined by a reference to a schema for a generic widget." } }, "examples": [ { "PresentationType": "Row", "MainAxis": "SpaceBetween", "CrossAxis": "Center", "Children": [ { "PresentationType": "Text", "Text": "Total", "FontWeight": "bold" }, { "PresentationType": "Text", "Text": "$42.00" } ] } ], "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=\"8\" width=\"18\" height=\"8\" rx=\"1\"/><path d=\"M9 8v8M15 8v8\"/></svg>", "x-family": "Presentations", "x-name": "Row", "x-version": "1.0", "x-source-package": "zero-schema" }

{ "PresentationType": "Row", "MainAxis": "SpaceBetween", "CrossAxis": "Center", "Children": [ { "PresentationType": "Text", "Text": "Total", "FontWeight": "bold" }, { "PresentationType": "Text", "Text": "$42.00" } ] }