Skip to content
Version 2026.20

Flex Column ​

A container that lays its children out top-to-bottom using CSS flexbox.

In Studio ​

In Studio, double-click Flex Column in the Containers category of the Components panel. It is added to the open view, where you can drag it into place.

When to use ​

Use Flex Column for a responsive vertical group of components — a stacked form, a sidebar list — that should reflow if the screen or window is resized.

Properties ​

This component has no configurable properties in the schema.

Binding ​

This component has no single value binding.

Layout ​

Gap and padding, and flex properties such as wrap, justify and align, are set on the container itself (not listed as schema properties here) rather than through the generic Properties table.