https://github.com/tripss/react-jss-grid

React JSS Grid a flexbox grid.
https://github.com/tripss/react-jss-grid

cssinjs flexbox flexbox-grid jss react react-jss

Last synced: about 1 month ago
JSON representation

React JSS Grid a flexbox grid.

• Host: GitHub
• URL: https://github.com/tripss/react-jss-grid
• Owner: TriPSs
• License: mit
• Created: 2017-08-17T06:05:25.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-10-02T14:06:20.000Z (about 6 years ago)
• Last Synced: 2024-04-24T10:25:08.960Z (7 months ago)
• Topics: cssinjs, flexbox, flexbox-grid, jss, react, react-jss
• Language: JavaScript
• Size: 104 KB
• Stars: 3
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  

    

  





  React JSS Grid a flexbox grid.





  

  

  

  

  

  



---

> This project is inspired / based on the grid of [material-ui](https://github.com/callemall/material-ui).

## Installation

```shell

$ 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:

```shell

$ 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:

```js

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](https://github.com/tripss/react-jss-grid/blob/master/LICENSE)

React JSS Grid is [MIT licensed](./LICENSE).

## Collaboration

If you have questions or issues, please [open an issue](https://github.com/TriPSs/react-jss-grid/issues)!