2 min read

Source: Roblox Creator Hub · CC BY 4.0 · View source · Code samples: MIT Imported 2026-10-03. Formatting adapted for this site.

UIFlexAlignment

In a UIListLayout flex layout, specifies how to distribute extra horizontal space in a HorizontalFlex layout or vertical space in a VerticalFlex layout.

Items

NameValueDescription
None0No flex behavior; siblings maintain their defined width or height.
Fill1Siblings resize to fill the entire parent container, overriding their defined width or height.
SpaceAround2Siblings maintain their defined width or height. Equal spacing is added on both sides of each sibling.
SpaceBetween3Siblings maintain their defined width or height. Equal spacing is added between siblings, but no additional space is added around siblings.
SpaceEvenly4Siblings maintain their defined width or height. Equal spacing is added both between and around siblings.

None

No flex behavior; siblings maintain their defined width or height.

FieldValue
value0

Fill

Siblings resize to fill the entire parent container, overriding their defined width or height.

FieldValue
value1

SpaceAround

Siblings maintain their defined width or height. Equal spacing is added on both sides of each sibling.

FieldValue
value2

SpaceBetween

Siblings maintain their defined width or height. Equal spacing is added between siblings, but no additional space is added around siblings.

FieldValue
value3

SpaceEvenly

Siblings maintain their defined width or height. Equal spacing is added both between and around siblings.

FieldValue
value4