Row
| Prop name | Type | Default | Description |
|---|---|---|---|
| gap | number | space.l |
| Styled system prop names |
|---|
| m, mt, mr, mb, ml, mx, my, p, pt, pr, pb, pl, px, py, width, fontSize, color, bg, fontFamily, textAlign, lineHeight, fontWeight, fontStyle, letterSpacing, display, maxWidth, minWidth, height, maxHeight, minHeight, ratio, verticalAlign, alignItems, justifyContent, flexWrap, flexDirection, flex, alignContent, justifyItems, justifySelf, alignSelf, order, flexBasis, gridGap, gridRowGap, gridColumnGap, gridColumn, gridRow, gridArea, gridAutoFlow, gridAutoRows, gridAutoColumns, gridTemplateRows, gridTemplateColumns, gridTemplateAreas, background, backgroundImage, backgroundSize, backgroundPosition, backgroundRepeat, borderRadius, borderColor, border, borderTop, borderRight, borderBottom, borderLeft, boxShadow, opacity, overflow, position, zIndex, top, right, bottom, left |
Custom gap width 50px
auto
auto
<Container> <Row gap={50}> <Col><Box bg="grayscale.400">auto</Box></Col> <Col><Box bg="grayscale.400">auto</Box></Col> </Row> </Container>