Emotion grid
Edit page
Getting StartedInstallationBasic UsageAPIUsageUtilitiesTable of props

Emotion grid

A responsive (mobile-first) grid system built with emotion.

Installation

You can use yarn or npm.

Emotion is used has peerDependencie, so you need install to.

yarn add @emotion/react @emotion/styled
yarn add @mverissimoo/emotion-grid

Basic Usage

You can create a basic grid system by using a single set of Row and Col grid assembly, all of the columns (Col) must be placed in Row.

import { Container, Row, Col } from '@mverissimoo/emotion-grid';
function Page() {
return (
<Container>
<Row>
<Col xs={4} md={6} xl={12}>
Col
</Col>
<Col xs={4} md={6} xl={12}>
Col
</Col>
</Row>
</Container>
);
}
export default Page;