# FlexBox | Basalt
A UI Framework made for CC:Tweaked

Skip to content

# 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 ​

- `element` `Element` The child element to add

### Returns ​

- `FlexBox` `self` The flexbox instance

## FlexBox:addLineBreak(self) ​

Adds a new line break to the flexbox

### Parameters ​

- `self` `FlexBox` The element itself

### Returns ​

- `FlexBox`