• 
• 
• Reference
• 
• Layout
• 
• Stack

stackElement

Element functions can be customized with set and show rules.

Arranges content and spacing horizontally or vertically.

The stack places a list of items along an axis, with optional spacing between each item.

Example

#stack(
  dir: ttb,
  rect(width: 40pt),
  rect(width: 120pt),
  rect(width: 90pt),
)

Parameters

Parameters are the inputs to a function. They are specified in parentheses after the function name.

dir

direction

Settable

Settable parameters can be customized for all following uses of the function with a set rule.

The direction along which the items are stacked. Possible values are:

• ltr: Left to right.
• rtl: Right to left.
• ttb: Top to bottom.
• btt: Bottom to top.

You can use the start and end methods to obtain the initial and final points (respectively) of a direction, as alignment. You can also use the axis method to determine whether a direction is "horizontal" or "vertical". The inv method returns a direction's inverse direction.

For example, ttb.start() is top, ttb.end() is bottom, ttb.axis() is "vertical" and ttb.inv() is equal to btt.

Default: ttb

spacing

none or relative or fraction

Settable

Settable parameters can be customized for all following uses of the function with a set rule.

Spacing to insert between items where no explicit spacing was provided.

Default: none

children

relative or fraction or content

RequiredPositional

Positional parameters are specified in order, without names.

Variadic

Variadic parameters can be specified multiple times.

The children to stack along the axis.

Spacing (V)Previous page

VisualizeNext page