krc-list-view

ReactJS controls: List view by Kraken team!

install

HOW IT WORKS

install package

npm install --save krc-list-view

import styles

import 'krc-list-view/styles.css';

usage

   import { ListView } from "krc-list-view";
   import 'krc-list-view/styles.css';

   const itemTemplate = (item) => {
      return <p>{item.text}</p>;
   };

   const items = [{
      "text": "item1",
      "price": 20
   }, {
      "text": "item2",
      "price": 40
   }]

   <ListView
   title={"List products"}
   items={items}
   pageSize={1}
   itemTemplate={itemTemplate} />

API references

Properties

Name	Type	Default	Description
title	string	null	List view title
itemTemplate	Function	null	Item template fucntion, with input as item data
items	Object[]	[]	Data items
pageSize	number	10	Page view item count

License

krc-list-view is released under the MIT license.