Skip to content

Grid and page layout

Row

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

RowProps

& {...}
NameTypeDescription
gutternumberGutter 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 | booleanColumn size on device with 1184px screen width and less
smnumber | booleanColumn width on device with 768px screen width and less
xsnumber | booleanColumn width on device with 414px screen width and less
offsetnumber | Array<number>Column offset, specified in the number of columns
mdOffsetnumberColumn offset on device with 1184px screen width and less
smOffsetnumberColumn offset on device with 768px screen width and less
xsOffsetnumberColumn offset on device with 414px screen width and less
gutternumberColumn gutter, determined from Row

Released under the MIT License.

Released under the MIT License.