1.0.10 • Published 7 years ago

react_paginator v1.0.10

Weekly downloads
3
License
MIT
Repository
github
Last release
7 years ago

react_paginator

NPM

Bootstrap theme

Screenshot from demo

Materialize theme

Screenshot from demo with MaterializeCSS

Custom materialize theme

Custom Materialize Theme

React-Paginator is a react component to create a great and easy to use pagination system. You can customize it to adapt to your style

Usage

Three steps to start with react_paginator ;)

Install

npm i --save react_paginator

Import

import Paginator from 'react_paginator'

Add to DOM

<Paginator>
  // Elements on what you want to paginate
</Paginator>

Example with MaterializeCSS

<Paginator 
  prevIcon={<i className="material-icons">chevron_left</i>} 
  nextIcon={<i className="material-icons">chevron_right</i>}
  liClass="waves-effect">

  // Elements...

</Paginator>

Props

NameTypeDescriptionDefault Value
perPageIntegerNumber of elements you want to show on each page1
bsClassStringBase class of pagination systempagination
prevIconNodePrevious page iconnull
nextIconNodeNext page iconnull
pageClassStringLi element classnull
pageNextClassStringNext (li) element classnull
pagePrevClassStringPrevious (li) element classnull
blankClassString... element classnull
showOnlyIntegerNumber of pages to show5
firstPageLabelNodeGo to first page elementnull
lastPageLabelNodeGo to last page elementnull
showPageIntegerPage to show1
onPageChangedFunctionEvent triggered when page changenull
1.0.10

7 years ago

1.0.9

7 years ago

1.0.8

7 years ago

1.0.7

7 years ago

1.0.6

7 years ago

1.0.5

7 years ago

1.0.4

7 years ago

1.0.3

7 years ago

1.0.2

7 years ago

1.0.1

7 years ago

1.0.0

7 years ago