1.3 KiB
1.3 KiB
FlexBox
This is the FlexBox class. It is a container that arranges its children in a flexible layout. The flexbox element adds the following properties to its children:
Extends: Container
Properties
| Property | Type | Default | Description |
|---|---|---|---|
| flexDirection | string | "row" | The direction of the flexbox layout "row" or "column" |
| flexSpacing | number | 1 | The spacing between flex items |
| flexJustifyContent | string | "flex-start" | The alignment of flex items along the main axis |
| flexAlignItems | string | "flex-start" | The alignment of flex items along the cross axis |
| flexCrossPadding | number | 0 | The padding on both sides of the cross axis |
| flexWrap | boolean | false | Whether to wrap flex items onto multiple lines |
Functions
| Method | Returns | Description |
|---|---|---|
| FlexBox:addChild | FlexBox | Adds a child element to the flexbox |
| FlexBox:addLineBreak | FlexBox | Adds a new line break to the flexbox. |
FlexBox:addChild(element)
Adds a child element to the flexbox
Parameters
elementElementThe child element to add
Returns
FlexBoxselfThe flexbox instance
FlexBox:addLineBreak(self)
Adds a new line break to the flexbox
Parameters
selfFlexBoxThe element itself
Returns
FlexBox