Sg-item-list NPM

sg-item-list

Abstracted implementation of a react-virtualized autosizeing List

Install

npm install --save sg-item-list

Usage

import React, { Component } from 'react'

import ItemList from 'sg-item-list'

const items = ["item 1","item 2","item 3"];

class Example extends Component {
  constructor(props){
	super(props);
	this.renderRow = this.renderRow.bind(this);
  }
  
  renderRow(index, maximized, item, event) {
        return (
            <div>
				<div>Item number {index}</div>
				<div>
				item is the model of the data you want to render
				</div>
				<div>
				maximized tells if the row should be maximized
				</div>
				<div>
				event is the event to call if the edit button has been clicked
				</div>
			</div>
        );
    }

  render () {
    return (
      <ItemList list={items} itemRender={this.renderRow} />
    )
  }
}