import{_ as t,a,b as d,ag as l}from"./chunks/framework.BcrMLAmg.js";const f=JSON.parse('{"title":"FlexBox","description":"","frontmatter":{},"headers":[],"relativePath":"references/elements/Flexbox.md","filePath":"references/elements/Flexbox.md","lastUpdated":1757845213000}'),r={name:"references/elements/Flexbox.md"};function o(n,e,i,s,h,x){return d(),a("div",null,e[0]||(e[0]=[l('

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

',19)]))}const u=t(r,[["render",o]]);export{f as __pageData,u as default};