react-endless-paging-footer
A react component for a footer with a message and a button to load more
Usage
var Footer = ; ... { // 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 />