Flexible

Presentations v1.0 zero-schema

No description provided.

Required fields

PresentationType Child

Properties

PresentationType string required

The Flexible widget is used to create a flexible layout that adjusts its size based on the available space. It is similar to the Expanded widget but allows more control over how the child widget is resized.

Allowed Flexible

Flex integer optional

The flex property, used with Flexible, determines how much space a child widget should occupy relative to the other children within a Flex container.

Default 1

FlexFit string optional

The fit property, used with the Flexible widget, controls whether a child widget should fill the available space

Default "Loose"

Allowed Loose Tight

Child object required

The Child property defines the child widget to be made flexible.

Studio editor metadata

Shapes the studio editor; not enforced at runtime.

FlexFit

"Select"

{ "$id": "/schema/Presentations/Flexible/1.0/index.json", "type": "object", "title": "Flexible", "$schema": "http://json-schema.org/draft-07/schema#", "required": [ "PresentationType", "Child" ], "properties": { "PresentationType": { "enum": [ "Flexible" ], "type": "string", "description": "The Flexible widget is used to create a flexible layout that adjusts its size based on the available space. It is similar to the Expanded widget but allows more control over how the child widget is resized." }, "Flex": { "type": "integer", "description": "The flex property, used with Flexible, determines how much space a child widget should occupy relative to the other children within a Flex container.", "default": 1 }, "FlexFit": { "enum": [ "Loose", "Tight" ], "type": "string", "editor": "Select", "description": "The fit property, used with the Flexible widget, controls whether a child widget should fill the available space ", "default": "Loose" }, "Child": { "type": "object", "description": "The Child property defines the child widget to be made flexible." } }, "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\"><path d=\"M4 12h16M8 8l-4 4 4 4M16 8l4 4-4 4\"/></svg>", "x-family": "Presentations", "x-name": "Flexible", "x-version": "1.0", "x-source-package": "zero-schema" }