Flex Layout
Layout container with flexible alignment content in rows/columns.
Demo
Basic example
Attributes
Attribute | Type | Description |
---|---|---|
type | string | Type expected is flexlayout |
See section Common attributes.
Extra attributes
Attribute | Type | Description |
---|---|---|
sections | Object[] | Array of panel or subform definitions. |
direction | string | Specifies the axis inside container. Accepted values: row , column . |
align | string | Specifies how to self-align items. Accepted values: start , end , center , stretch . |
justify | string | Specifies how is distributed the space around. Accepted values: start , end , center , space-around , space-between . |
Every panel/subform in the array will be treated as a flexible item
When to use it
Use it to organize a group of items (components/containers) inside the space of another container.