TriPSs / react-jss-grid

React JSS Grid a flexbox grid.

React JSS Grid a flexbox grid.

---

This project is inspired / based on the grid of material-ui.

Installation

$ npm install --save react-jss-grid

Development

If you'd like to contribute to this project, all you need to do is clone this project and run:

$ npm install
$ npm run build
$ npm run build:watch // To recompile files on file change

Examples

Custom breakpoints

When creating your theme you can define custom breakpoints the following way:

import generateBreakPoints from 'react-jss-grid/utils/breakpoints'

const theme = {
  breakpoints: generateBreakPoints({
    values: {
      xs: 360,
      sm: 600,
      md: 960,
      lg: 1280,
      xl: 1920,
    },
  }),
  ...
}

Using development version in local project

You can use npm link to use your development version in your own project:

• Go to react-jss-grid directory and execute command npm link
• Go to your project directory and execute command npm link react-jss-grid

License

React JSS Grid is MIT licensed.

Collaboration

If you have questions or issues, please open an issue!