Wrap is a layout component that adds a defined space between it's children and 'wraps' its children automatically if there's not enough space to fit any child.
Think of it as a smarter
spacing support. It works realy well
with things like dialog buttons, tags, and chips.
In the example, you see that the last
Box wrapped to the next line.
spacing prop to apply a consistent spacing between each child, even
if it wraps.
Pro Tip: You can pass responsive values for the spacing.
align prop to change the alignment of the child along the main axis.
justify prop to change the alignment of the child along the cross
Box, so you can pass all
BoxProps in addition to these:
|spacing||The space between the each child (even if it wraps)|