JSPM

  • Created
  • Published
  • Downloads 23394
  • Score
    100M100P100Q138991F
  • License MIT

A set of React components implementing flexboxgrid with the power of CSS Modules

Package Exports

  • react-flexbox-grid
  • react-flexbox-grid/lib
  • react-flexbox-grid/lib/index

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-flexbox-grid) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-flexbox-grid Build Status npm version

A set of React components implementing flexboxgrid with the power of CSS Modules.

It is written in ES6 and requires an ES6 to ES5 transpiler. If there is need for it I can add a transpiled version to the repo.

Installation

npm install react-flexbox-grid

Pre-requisite

First, make sure you have flexboxgrid installed.

npm install flexboxgrid

Then, import flexboxgrid in the entry-point of your application.

import 'flexboxgrid'
import React from 'react'
import Container from 'javascripts/container'

React.render(<Container />, document.querySelector('#main'))

Usage

const {Grid, Row, Col} = require('react-flexbox-grid');

const App = React.createClass({
  render() {
    return (
      <Grid>
        <Row>
          <Col xs={6} md={3}>Hello, world!</Col>
        </Row>
      </Grid>
    );
  }
});

License

MIT