Flexbox

Overview

The Flexbox element provides a flexible layout mechanism for placing elements next to each other and controlling their alignment. It is useful when layouts should adapt smoothly to available space.

When to use

• When a page needs responsive horizontal alignment
• When elements should grow, shrink, or align flexibly
• When a more fluid layout is needed than a fixed grid

Element-specific options

Option	Description
Direction	Defines whether content flows horizontally or vertically
Alignment	Defines how elements are aligned on the main axis
Justification	Defines how space is distributed between elements
Wrapping	Defines whether items wrap onto multiple lines
Gap or spacing	Defines the space between items
Responsive behavior	Defines how the layout changes on different screen sizes

Common configuration

This element also supports shared configuration options such as validation, rules, roles, styling, summaries, scoring, and prefilling.

See: Common element configuration