deku-grid
v1.2.0
Published
Grid component for deku
Downloads
13
Maintainers
Readme
deku-grid
Grid component for deku
Install
$ npm install deku-grid
Usage
import {Cell, Grid} from 'deku-grid';
const render = () => (
<Grid gutter>
<Cell size='1of2' md-size='1of3' lg-size='1of4'>
<img src='cat.jpg' alt=''/>
</Cell>
</Grid>
);
export default {render};
API
<Grid/>
gutter
Type: boolean
Default: false
Add Grid--withGutter
class.
center
Type: boolean
Default: false
Add Grid--alignCenter
class.
right
Type: boolean
Default: false
Add Grid--alignRight
class.
middle
Type: boolean
Default: false
Add Grid--alignMiddle
class.
bottom
Type: boolean
Default: false
Add Grid--alignBottom
class.
equalHeight
Type: boolean
Default: false
Add Grid--equalHeight
class.
fit
Type: boolean
Default: false
Add Grid--fit
class.
<Cell/>
size
Type: string
Can be any of the sizes available in suitcss-utils-size
. Use the sm-size
, md-size
or lg-size
props to set sizes for different viewports.
License
MIT © Kevin Mårtensson