react-endless-paging-footer
v1.3.1
Published
A react component for a footer with a message and a button to load more
Downloads
22
Readme
react-endless-paging-footer
A react component for a footer with a message and a button to load more
Usage
var Footer = require("Footer");
...
function doLoadMore () {
// do magic here...
}
// Do this if you want your messages built for you (only in spanish by now...)
<Footer itemName={"person"} itemsName={"people"} shownRows={5} totalRows={10} buttonText="Cargar más" onLoadMore={doLoadMore} />
// Or do this to build the messages yourself
<Footer message="Showing 5 items of 10" buttonText="Load more" onLoadMore={doLoadMore} />
Optional "load all" button
Now you have the option of adding a "load all" button, just provinding the label and callback it needs. For example:
<Footer itemName={"person"} itemsName={"people"} shownRows={5} totalRows={10} buttonText="Cargar más" onLoadMore={doLoadMore} buttonAllText="Cargar todos" onLoadAll={doLoadAll} />