npm.io
1.0.2 • Published 3 years ago

dynamic-grid-layout

Licence
MIT
Version
1.0.2
Deps
0
Size
20 kB
Vulns
0
Weekly
0

dynamic-grid-layout

A dynamic grid layout, inspiration from Pinterest

NPM JavaScript Style Guide

Install

npm install --save dynamic-grid-layout

Usage

import React, { Component } from 'react'

import { GridView } from 'dynamic-grid-layout'
import 'dynamic-grid-layout/dist/index.css'

const Item = ({ item }: any) => <p>{item}</p>

const Example = () => {
  const items = ['item1', 'item2']
  return (
    <GridView
      items={items}
      renderItem={(item: any) => <Item item={item}></Item>}
    />
  )
}

License

MIT