{"route":"/en-US-v0.14.1/reference/layout/stack/","title":"Stack","description":"Documentation for the `stack` function.","part":null,"outline":[{"id":"summary","name":"Summary","children":[]},{"id":"example","name":"Example","children":[]},{"id":"accessibility","name":"Accessibility","children":[]},{"id":"parameters","name":"Parameters","children":[{"id":"parameters-dir","name":"dir","children":[]},{"id":"parameters-spacing","name":"spacing","children":[]},{"id":"parameters-children","name":"children","children":[]}]}],"body":{"kind":"func","content":{"path":[],"name":"stack","title":"Stack","keywords":[],"oneliner":"Arranges content and spacing horizontally or vertically.","element":true,"contextual":false,"deprecationMessage":null,"deprecationUntil":null,"details":[{"kind":"html","content":"

Arranges content and spacing horizontally or vertically.

\n

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

\n

Example

\n
#stack(\n  dir: ttb,\n  rect(width: 40pt),\n  rect(width: 120pt),\n  rect(width: 90pt),\n)\n
\"Preview\"
\n

Accessibility

\n

Stacks do not carry any special semantics. The contents of the stack are\nread by Assistive Technology (AT) in the order in which they have been\npassed to this function.

"}],"self":false,"params":[{"name":"dir","details":[{"kind":"html","content":"

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

\n\n

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

\n

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

"}],"types":["direction"],"strings":[],"default":"ttb","positional":false,"named":true,"required":false,"variadic":false,"settable":true},{"name":"spacing","details":[{"kind":"html","content":"

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

"}],"types":["none","relative","fraction"],"strings":[],"default":"none","positional":false,"named":true,"required":false,"variadic":false,"settable":true},{"name":"children","details":[{"kind":"html","content":"

The children to stack along the axis.

"}],"types":["relative","fraction","content"],"strings":[],"default":null,"positional":true,"named":false,"required":true,"variadic":true,"settable":false}],"returns":["content"],"scope":[]}}}