Demo: https://vladop.github.io/rc-simple-pagination/examples/index.html
Get started by
npm i rc-simple-pagination
Javascript:
const Pagination=require('rc-simple-pagination');
or:
import Pagination from 'rc-simple-pagination'
CSS
For default styling pull css from dist
folder:
<link rel="stylesheet" type="text/css" href="node_modules/rc-simple-pagination/dist/pagination.css">
You can use it like this:
render(){
<Pagination activePage={this.state.currentPage} numOfPages={30} onPaginationNumberClicked={this.onNumberClicked} nextLinkTitle={"Next"} prevLinkTitle={"Prev"} />
}
Props
Name | Type | Default | Description | Optional |
---|---|---|---|---|
activePage | number | no-default | Current active page (state on parent component) | No |
numOfPages | number | no-default | Total number of pages | No |
onPaginationNumberClicked | Function({ newPage,eventName }) | Callback executed whenever some page (or prev,next buttons) is selected | No | |
nextLinkTitle | string | Next | Localized text for next button | No |
prevLinkTitle | string | Prev | Localized text for prev button | No |