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
ResponsiveValue<AlignItems>direction
directionDescription
The direction to stack the items.
Type
StackDirectionDefault
columndivider
dividerDescription
If true, each stack item will show a divider
Type
ReactElement<any, string | JSXElementConstructor<any>>isInline
isInlineDescription
If true the items will be stacked horizontally.
Type
booleanjustify
justifyDescription
Shorthand for justifyContent style prop
Type
ResponsiveValue<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
ResponsiveValue<string | number | (string & {})>Default
0.5remwrap
wrapDescription
Shorthand for flexWrap style prop
Type
ResponsiveValue<FlexWrap>Props#
align
alignDescription
Shorthand for alignItems style prop
Type
ResponsiveValue<AlignItems>direction
directionDescription
The direction to stack the items.
Type
StackDirectionDefault
columndivider
dividerDescription
If true, each stack item will show a divider
Type
ReactElement<any, string | JSXElementConstructor<any>>isInline
isInlineDescription
If true the items will be stacked horizontally.
Type
booleanjustify
justifyDescription
Shorthand for justifyContent style prop
Type
ResponsiveValue<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
ResponsiveValue<string | number | (string & {})>Default
0.5remwrap
wrapDescription
Shorthand for flexWrap style prop
Type
ResponsiveValue<FlexWrap>