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