# Stack/Flex prop name convergence
## Proposed prop names
Flex
|Name|Description|
|-|-|
|inline|Defines if container should be inline element|
|column|Sets vertical flow direction|
|wrap|Defines whether the children should wrap onto multiple rows or columns when they are about to overflow the size of the container|
|horizontalAlign|Defines how to align the children horizontally (along the x-axis)|
|verticalAlign|Defines how to align the children vertically (along the y-axis)|
|padding|Defines the inner padding of the container|
|reversed|Defines whether to render the children in the opposite direction|
|gap|Defines the spacing between the children|
|disableShrink|Defines whether the children should not shrink to fit the available space|
|fluid|Defines whether the container should take up 100% of the height of its parent|
|space|Defines strategy for distributing remaining space between items|

Flex item
|Name|Description|
|-|-|
|grow|Defines how much to grow the Flexitem in proportion to its siblings|
|shrink|Defines at what ratio should the Flexitem shrink to fit the available space|
|align|Defines how to align the Flexitem|
|order|Defines order of the Flexitem|
|fluid|Defines whether the Flexitem should take up 100% of the height of its parent|
|push|Item can be pushed towards opposite side in the container’s direction|
## v0 and v7 prop name reference
**Stack**
|Name|Description|
|-|-|
|horizontal|Defines whether to render Stack children horizontally|
|wrap|Defines whether Stack children should wrap onto multiple rows or columns when they are about to overflow the size of the Stack|
|horizontalAlign|Defines how to align Stack children horizontally (along the x-axis)|
|verticalAlign|Defines how to align Stack children vertically (along the y-axis)|
|gap|Defines the spacing between Stack children|
|padding|Defines the inner padding of the Stack|
|verticalFill|Defines whether the Stack should take up 100% of the height of its parent|
|disableShrink|Defines whether Stack children should not shrink to fit the available space|
|maxWidth|Defines the maximum width that the Stack can take|
|maxHeight|Defines the maximum height that the Stack can take|
|reversed|Defines whether to render Stack children in the opposite direction (bottom-to-top if it's a vertical Stack and right-to-left if it's a horizontal Stack)|
|grow|Defines how much to grow the Stack in proportion to its siblings|

**Flex**
|Name|Description|
|-|-|
|inline|Defines if container should be inline element|
|column|Sets vertical flow direction|
|wrap|Allows overflow items to wrap on the next container's line|
|hAlign|Controls items alignment in horizontal direction|
|vAlign|Controls items alignment in vertical direction|
|space|Defines strategy for distributing remaining space between items|
|gap|Defines gap between each two adjacent child items|
|padding|Defines container's padding|
|debug|Enables debug mode|
|fill|Orders container to fill all parent's space available|

**Stack item**
|Name|Description|
|-|-|
|className|Defines a CSS class name used to style the StackItem|
|grow|Defines how much to grow the StackItem in proportion to its siblings|
|shrink|Defines at what ratio should the StackItem shrink to fit the available space|
|disableShrink|Defines whether the StackItem should be prevented from shrinking|
|align|Defines how to align the StackItem along the x-axis (for vertical Stacks) or the y-axis (for horizontal Stacks)|
|verticalFill|Defines whether the StackItem should take up 100% of the height of its parent|
|order|Defines order of the StackItem|

**Flex item**
|Name|Description|
|-|-|
|align|Controls item's alignment|
|size|Defines size of the item|
|grow|Item can fill remaining space of the container|
|shrink|Controls item's ability to shrink|
|push|Item can be pushed towards opposite side in the container's direction|