| as | StackAs | Root element. | - |
| children* | ReactNodeNoStrings | Elements to lay out. | - |
| direction | ResponsiveProp<Direction> | Flexbox `flex-direction`. | - |
| align | ResponsiveProp<Align> | Flexbox `align-items`. | - |
| justify | ResponsiveProp<Justify> | Flexbox `justify-content`. | - |
| flex | string | number | Flexbox `flex`. | - |
| padding | ResponsiveProp<Space> | Padding all around, increments of 4px. | - |
| paddingX | ResponsiveProp<Space> | Horizontal padding, increments of 4px. | - |
| paddingY | ResponsiveProp<Space> | Vertical padding, increments of 4px. | - |
| paddingTop | ResponsiveProp<Space> | Top padding, increments of 4px. | - |
| paddingRight | ResponsiveProp<Space> | Right padding, increments of 4px. | - |
| paddingBottom | ResponsiveProp<Space> | Bottom padding, increments of 4px. | - |
| paddingLeft | ResponsiveProp<Space> | Left padding, increments of 4px. | - |
| gap | ResponsiveProp<Space> | Gap unit, increments of 4px. | - |
| debug | boolean | Visualize the whitespace. | - |
| className | string | Root element class name. | - |
| style | CSSProperties | Root element inline styles. | - |
| role | AriaRole | Provide semantic meaning to content. | - |
| data-testid | DataTestId | | - |