Shorthand for alignItems style prop
Stack
Stack is a layout component used to group elements together and apply a space between them.
Props#
align
alignDescription
Type
SystemProps["alignItems"]direction
directionDescription
The direction to stack the items.
Type
StackDirectiondivider
dividerDescription
If true, each stack item will show a divider
Type
React.ReactElementisInline
isInlineDescription
If true the items will be stacked horizontally.
Type
booleanjustify
justifyDescription
Shorthand for justifyContent style prop
Type
SystemProps["justifyContent"]shouldWrapChildren
shouldWrapChildrenDescription
If true, the children will be wrapped in a Box with
`display: inline-block`, and the Box will take the spacing props
Type
booleanspacing
spacingDescription
The space between each stack item
Type
SystemProps["margin"]wrap
wrapDescription
Shorthand for flexWrap style prop
Type
SystemProps["flexWrap"]Props#
align
alignDescription
Shorthand for alignItems style prop
Type
SystemProps["alignItems"]direction
directionDescription
The direction to stack the items.
Type
StackDirectiondivider
dividerDescription
If true, each stack item will show a divider
Type
React.ReactElementisInline
isInlineDescription
If true the items will be stacked horizontally.
Type
booleanjustify
justifyDescription
Shorthand for justifyContent style prop
Type
SystemProps["justifyContent"]shouldWrapChildren
shouldWrapChildrenDescription
If true, the children will be wrapped in a Box with
`display: inline-block`, and the Box will take the spacing props
Type
booleanspacing
spacingDescription
The space between each stack item
Type
SystemProps["margin"]wrap
wrapDescription
Shorthand for flexWrap style prop
Type
SystemProps["flexWrap"]