react-jiugongge

react版本的九宫格

install

npm install react-jiugongge --save

Development

npm install
npm start

Example

http://github.dxcweb.com/react-jiugongge/

Usage

import Jiugongge, {JiugonggeItem} from 'react-jiugongge';
...
 <Jiugongge border="1px solid red"  column={3} height='width'>
        <JiugonggeItem>1</JiugonggeItem>
        <JiugonggeItem>2</JiugonggeItem>
        <JiugonggeItem>3</JiugonggeItem>
        <JiugonggeItem>4</JiugonggeItem>
        <JiugonggeItem>5</JiugonggeItem>
        <JiugonggeItem>6</JiugonggeItem>
        <JiugonggeItem>7</JiugonggeItem>
        <JiugonggeItem>8</JiugonggeItem>
 </Jiugongge>

API

Name	Type	Default	Description
border	String	null
column	Int	5
height	Any	null	height='100px' 或者 height='width' 高等于宽
horizontalSpacing	String	null	水平间距
verticalSpacing	String	null	垂直间距