react-damn-simple-grid

Installation & Usage

npm install --save react-damn-simple-grid

import React from 'react'
import Grid from 'react-damn-simple-grid'

const App = () => (
  <Grid>
      <div>Item 1</div>
      <div>Item 2</div>
      <div>Item 3</div>
      <div>Item 4</div>
      <div>Item 5</div>
  </Grid>
)

with custom props:

import React from 'react';
import Grid from 'react-damn-simple-grid'

const App = () => (
  <Grid itemsPerRow={3} xSpace={3} verticalSpace={25}>
      <div>Item 1</div>
      <div>Item 2</div>
      <div>Item 3</div>
      <div>Item 4</div>
      <div>Item 5</div>
  </Grid>
)

Props

| | default | description | | ------------- | ------- | ------------------------------ | | itemsPerRow | 4 | Number of item per row | | xSpace | 1 | Horizontal space between items | | ySpace | 20 | Vertical Space between items |