CenterAlignedColumnContainer
Used for centering child elements vertically and horizontally, commonly elements buttons, icon containers, etc.
Center aligned column container
FlexStartCenterAlignedColumnContainer
Commonly used for card and page layouts. Also can be used for dropdowns, modals, etc.
Flex start center aligned column container
FlexStartColumnContainer
Commonly used for list items, same can be achieved using flexStartCenterAlignedColumnContainer
Flex start column container
OverflowColumnContainer
Mostly used for overflowing page layouts, name is too long, will be changed in future.
Overflow flex start center aligned column container
CenterAlignedRowContainer
Used for centering child elements vertically and horizontally, commonly elements buttons, icon containers, etc.
Center aligned row container
FlexStartCenterAlignedRowContainer
Commonly used for card and page layouts. Also can be used for dropdowns, modals, etc.
Flex end center aligned row container
FlexEndCenterAlignedRowContainer
Commonly used for card and page layouts. Also can be used for dropdowns, modals, etc.
Flex end center aligned row container
SpaceBetweenRowContainer
Commonly used for card and page layouts. Also can be used for dropdowns, modals, etc.
Space between row container
OverflowRowContainer
Mostly used for overflowing page layouts, name is too long, will be changed in future.
Overflow flex start center aligned row container
WrappedFlexStart CenterAlignedColumnContainer
Mostly used for overflowing page layouts, name is too long, will be changed in future.
Overflow flex start center aligned row container