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 | | - |