Documentation › Portals › Components › Arrangements

⬍ Arrangements

An arrangement holds other components. Vertical stacks them, horizontal puts them side by side. It is the base of any layout.

# How it works

• Drag a component into the arrangement, or select the arrangement then click a component in the palette.
• Switch direction turns vertical into horizontal and back.
• Settings: content alignment, space between components, inner margin, background (none, soft, accent), rounded corners, border, width and height.
• In horizontal, Wrap to a new line when too narrow moves components to the next line on small screens.

# Good to know

• Arrangements nest 4 levels deep at most.
• A page holds 60 components at most, arrangements included.
• A component never shrinks below its content: if there is no room it wraps instead of overlapping.

In the designer: the ? button beside the component in the palette, or in the Properties panel.