@mverissimoo/emotion-grid
TypeScript icon, indicating that this package has built-in type declarations

1.8.1 • Public • Published

Emotion grid

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

Quick start

Installation

You can use yarn or npm.

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

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

Usage

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;

Development

yarn docz:dev

Looking for docs

You can check here, guides and API reference.

Built with

Contributing

Feel like contributing? That's awesome! We have a contributing guide to help guide you.

Versions

Current Tags

Version History

Package Sidebar

Install

npm i @mverissimoo/emotion-grid

Weekly Downloads

46

Version

1.8.1

License

MIT

Unpacked Size

142 kB

Total Files

39

Last publish

Collaborators

  • mverissimoo