react-grid-simple
grid system
Last updated 4 years ago by kennetpostigo .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install react-grid-simple 
SYNC missed versions from official npm registry.

react-grid-simple

Based on Bootstrap 3 Grid System

version downloads MIT License

Made this because I got tired of looking at divs everywhere and looking for classNames.

Install

npm install react-simple-grid --save

Make sure to import the styles for the grid system. It is essentially just Bootstraps grid system. So if you have bootstrap already on your project you don't need the css from react-grid-simple.

<link rel="stylesheet" href="/node_modules/react-grid-simple/src/css/grid.min.css">

Usage

import React from 'react';
import { render } from 'react-dom';
import { Container, Row, Col } from 'react-grid-simple';

function App (props) {
  return (
    <Container fluid={true}>
      <Row>
        <Col xs={3} sm={3} lg={5} md={9}>
          <p>Waddup</p>
        </Col>
        <Col xs={2} sm={3} lg={1} md={1}>
          <p>Whats Poppin</p>
        </Col>
        <Col xs={2} sm={3} lg={5} md={1}>
          <p>Gangsta Grillz</p>
        </Col>
        <Col xs={5} sm={3} lg={1} md={1}>
          <p>Pimpin</p>
        </Col>
      </Row>
    </Container>
  );
}

render(<App />, document.getElementById('app'));

License

MIT

Current Tags

  • 0.2.6                                ...           latest (4 years ago)

8 Versions

  • 0.2.6                                ...           4 years ago
  • 0.2.5                                ...           4 years ago
  • 0.2.4                                ...           4 years ago
  • 0.2.3                                ...           4 years ago
  • 0.2.2                                ...           4 years ago
  • 0.2.1                                ...           4 years ago
  • 0.2.0                                ...           4 years ago
  • 0.1.0                                ...           4 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (0)
None
Dev Dependencies (11)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |