direction

Defines the layout direction of the stack. It can be either "row" or "column". Supports responsive breakpoints.

gap

Defines the space between the child elements. Accepts numbers or responsive breakpoints.

align

Controls how child elements are aligned along the cross axis (vertical in a row layout, horizontal in a column layout).

justify

Determines how the elements are distributed along the main axis.

wrap

Allows child elements to wrap onto multiple lines.

padding

Defines the padding around the stack. Supports fixed and responsive values.

margin

Applies margin to the stack element. Supports fixed and responsive values.

grow

Determines how much the stack should grow relative to its siblings.

zIndex

Controls the stack's stacking order on the page.

visibility

Sets the visibility of the stack. Can be "visible", "hidden", or "collapse".

alignContent

Defines how multiple rows of content are aligned along the cross axis.

Example: Combining Multiple Props

Demonstrates the use of multiple props in a stack.