npm install react-image-layout --save
| prop | type | default | notes |
|---|---|---|---|
| gutter | number | 0 | the margin between grid elements |
| columns | number | 4 | the number of columns to use in the grid |
| columnWidth | number | 100 | the fixed width of the columns |
| items | Array | required |
the list of image objects |
Use:
import ImageLayout from 'react-image-layout';
<ImageLayout items={items} columnWidth={200} columns={5} gutter={8} />| script | description |
|---|---|
npm start |
run the example on localhost:3000 |
npm test |
run the component tests |
npm build |
build the compiled/minified version |
npm run lint |
run the linter on the /src directory |