Grid and page layout
Row
jsx
import { Row } from 'intergalactic/grid';
<Row />;
RowProps
& {...}Name | Type | Description |
---|---|---|
gutter | number | Gutter between columns |
Col
jsx
import { Col } from 'intergalactic/grid';
<Col />;
ColProps
& {...}Name | Type | Description |
---|---|---|
span | number | boolean | Array<number | boolean> | Column size |
md | number | boolean | Column size on device with 1184px screen width and less |
sm | number | boolean | Column width on device with 768px screen width and less |
xs | number | boolean | Column width on device with 414px screen width and less |
offset | number | Array<number> | Column offset, specified in the number of columns |
mdOffset | number | Column offset on device with 1184px screen width and less |
smOffset | number | Column offset on device with 768px screen width and less |
xsOffset | number | Column offset on device with 414px screen width and less |
gutter | number | Column gutter, determined from Row |