React-pag NPM | npm.io

React Pagination Component

Simple pagination component for use with React.

npm install --save react-pag

<Pagination
  totalResults={100}
  resultsPerPage={10}
  urlPattern="search"
/>

The result of this code is:

example

Props Name	Type	Default	Description
totalResults	Number		Number of results for paginate
resultsPerPage	Number		Number of results per page
actualPage	Number		Force the actual page of pagination
maxPagination	Number		Max number of buttons to show
onChangePage	Function		Function to call when the page change
showBeginingEnd	Bool	false	Show buttons to move to the beginning and go to the end
showPreviousNext	Bool	false	Show previous and next button
urlPattern	String		Path to use in href of pagination, you can get more info in https://github.com/amadormf/pagination-template
preventNavigate	Bool	true	You can control the navigation over pages with onChangePage, if you prefer you can give the control to navigator setting this parameter to false
className	String		You can use a custom className
initialPage	Number	1	Initial page