react-image-layout
Install
npm install react-image-layout --save
ImageLayout Props
| 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:
;<ImageLayout items=items columnWidth=200 columns=5 gutter=8 />
Scripts
| 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 |