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