Stack

Stack is a layout component that creates responsive horizontal and vertical flows.

v0.36.1AlphaNot reviewed for accessibility

Description

Stack is a layout component that creates responsive horizontal and vertical flows.

Arguments

NameTypeDefaultDescription
tag
Symbol

:div

Customize the element type of the rendered container.

gap
Symbol

GapArg::DEFAULT

Specify the gap between children elements in the stack. One of nil, :condensed, :normal, or :spacious.

direction
Symbol

:vertical

Specify the direction for the stack container. One of nil, :horizontal, or :vertical.

align
Symbol

:stretch

Specify the alignment between items in the cross-axis of the direction. One of nil, :baseline, :center, :end, :start, or :stretch.

wrap
Symbol

:nowrap

Specify whether items are forced onto one line or can wrap onto multiple lines. One of nil, :nowrap, or :wrap.

justify
Symbol

:start

Specify how items will be distributed in the stacking direction. One of nil, :center, :end, :space_between, :space_evenly, or :start.

padding
Symbol

:none

Specify the padding of the stack container. One of nil, :condensed, :none, :normal, or :spacious.

system_arguments
Hash

N/A

Examples