Skip to content

tkh44/react-grd

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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>