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