Stack

Stack arranges items in a row or column with consistent spacing. Use StackItem when an individual child needs to fill available space, scroll, or override cross-axis alignment.

Parameter	Description
direction	Stack direction.
justify	Main-axis alignment.
align	Cross-axis alignment.
wrap	Wrapping behavior.
gap	Space between child elements.
if	Conditional rendering expression.

Usage

xml
<Stack direction="horizontal" align="center">
  $order.number
  <StackItem size="fill">Order details</StackItem>
  <Button>Open</Button>
</Stack>

StackItem

Stack arranges items in a row or column with consistent spacing. Use StackItem when an individual child needs to fill available space, scroll, or override cross-axis alignment.

Parameter	Description
size	Component size.
isScrollable	Sets the isScrollable property.
crossAlignSelf	Sets the crossAlignSelf property.
if	Conditional rendering expression.

xml
<Stack direction="horizontal" align="center">
  $order.number
  <StackItem size="fill">Order details</StackItem>
  <Button>Open</Button>
</Stack>