flex-grid-react

A responsive grid for ReactJS using CSS flexbox.

Install

npm install --save flex-grid-react

Usage

import React, { Component } from 'react'

import FlexGrid from 'flex-grid-react'

class Example extends Component {
  render () {
    return (
      <FlexGrid container>
        <FlexGrid item columns={small: 12, large: 6}>
          <p>Column 1</p>
        </FlexGrid>
        <FlexGrid item columns={small: 12, large: 6}>
          <p>Column 2</p>
        </FlexGrid>
      </FlexGrid>
    )
  }
}

License

MIT © stlouisweb