0.2.1 • Published 6 years ago

react-damn-simple-grid v0.2.1

Weekly downloads
13
License
-
Repository
github
Last release
6 years ago

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

defaultdescription
itemsPerRow4Number of item per row
xSpace1Horizontal space between items
ySpace20Vertical Space between items