react-sigrid v0.1.1

React (Si)mple (grid)

A lightweight, responsive simple grid component for React.

Installation

npm install react-sigrid

Usage

A part of Sigrid is to build using <Col /> which are inside of <Row />

import {Row, Col} from 'react-sigrid'

<Row>
    <Col small={12} medium={9} large={7}></Col>
    <Col small={12} medium={3} large={5}></Col>
</Row>

You can offset a column as you wish.

import {Row, Col} from 'react-sigrid'

<Row>
    <Col medium={3} mediumOffset={9} large={5} largeOffset={7}></Col>
</Row>

Screen Sizes

         | Mobile Devices (<= 600px) | Tablet Devices (<= 992px) | Desktop Devices (> 992px)

------------ | --------------------------|---------------------------|-------------------------- Prefix | small | medium | large Number of Columns | 12 | 12 | 12

Props

Columns

Offset

License

MIT