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.