Skip to content
Version 2026.20

Flex Row ​

A container that lays its children out left-to-right using CSS flexbox.

In Studio ​

In Studio, double-click Flex Row 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 Row for a responsive horizontal group of components — a toolbar, a row of tiles — 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.