react-grd

React components based on grd.css

Usage no npm install needed!

<script type="module">
  import reactGrd from 'https://cdn.skypack.dev/react-grd';
</script>

README

react-grd

React components for making working with flexbox simple.

Based on and using styles from grd by 1000ch.


Install

npm install react-grd --save

Demo

http://tkh44.github.io/react-grd/

Examples

<Grid align='middle' justify='center'>
    <Cell size='two'/>
    <Cell size='fill'/>
    <Cell size='seven'/>
</Grid>

You don't need to use the Cell component if you you are just wanting to do basic alignment.

<Grid align='middle' justify='center'>
    <div>This will behave according to Grid's props</div>
    <div>This will behave according to Grid's props</div>
    <div>This will behave according to Grid's props</div>
</Grid>