The `align-items` value (for main axis alignment)
Wrap
Wrap is a layout component used to add space between elements and wraps automatically if there isn't enough space.
Props#
Wrap Props#
Wrap extends Box, so you can pass all Box props in addition to these:
align
alignDescription
Type
SystemProps["alignItems"]direction
directionDescription
The `flex-direction` value
Type
SystemProps["flexDirection"]justify
justifyDescription
The `justify-content` value (for cross-axis alignment)
Type
SystemProps["justifyContent"]shouldWrapChildren
shouldWrapChildrenDescription
If true, the children will be wrapped in a WrapItem
Type
booleanspacing
spacingDescription
The space between each child (even if it wraps)
Type
SystemProps["margin"]spacingX
spacingXDescription
The horizontal space between the each child (even if it wraps). Defaults to spacing if not defined.
Type
SystemProps["margin"]spacingY
spacingYDescription
The vertical space between the each child (even if it wraps). Defaults to spacing if not defined.
Type
SystemProps["margin"]WrapItem Props#
WrapItem composes the Box component.
Props#
Wrap Props#
Wrap extends Box, so you can pass all Box props in addition to these:
align
alignDescription
The `align-items` value (for main axis alignment)
Type
SystemProps["alignItems"]direction
directionDescription
The `flex-direction` value
Type
SystemProps["flexDirection"]justify
justifyDescription
The `justify-content` value (for cross-axis alignment)
Type
SystemProps["justifyContent"]shouldWrapChildren
shouldWrapChildrenDescription
If true, the children will be wrapped in a WrapItem
Type
booleanspacing
spacingDescription
The space between each child (even if it wraps)
Type
SystemProps["margin"]spacingX
spacingXDescription
The horizontal space between the each child (even if it wraps). Defaults to spacing if not defined.
Type
SystemProps["margin"]spacingY
spacingYDescription
The vertical space between the each child (even if it wraps). Defaults to spacing if not defined.
Type
SystemProps["margin"]WrapItem Props#
WrapItem composes the Box component.