krc-list-view

1.0.6 • Public • Published

krc-list-view

ReactJS controls: List view by Kraken team!

NPM version npm download

install

krc-list-view

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.

Package Sidebar

Install

npm i krc-list-view

Weekly Downloads

0

Version

1.0.6

License

MIT

Unpacked Size

8.92 kB

Total Files

5

Last publish

Collaborators

  • luonguit