Skip to content

Grid and page layout

Row

jsx
import { Row } from 'intergalactic/grid';
<Row />;
import { Row } from 'intergalactic/grid';
<Row />;

RowProps

& {...}
NameTypeDescription
gutternumber Gutter between columns

Col

jsx
import { Col } from 'intergalactic/grid';
<Col />;
import { Col } from 'intergalactic/grid';
<Col />;

ColProps

& {...}
NameTypeDescription
spannumber | boolean | Array<number | boolean> Column size
mdnumber | boolean Column size on device with 1184px screen width and less
smnumber | boolean Column width on device with 768px screen width and less
xsnumber | boolean Column width on device with 414px screen width and less
offsetnumber | Array<number> Column offset, specified in the number of columns
mdOffsetnumber Column offset on device with 1184px screen width and less
smOffsetnumber Column offset on device with 768px screen width and less
xsOffsetnumber Column offset on device with 414px screen width and less
gutternumber Column gutter, determined from Row

Released under the MIT License.

Released under the MIT License.