this package replaced with @abasb75/paginate

1
2npm install @abasb75/paginate --save
3

usage example :

1
2import { useState } from 'react';
3
4import {ABPaginate} from "@abasb75/paginate"; 
5
6function App() {
7
8  const [activePage,setActivePage] = useState(1);
9  const pageRangeDisplayed = 4;
10
11  return (<>
12    <h1>page : {activePage}</h1>
13
14    <ABPaginate
15      activePage={activePage}
16      lastPage={10}
17      pageRangeDisplayed={pageRangeDisplayed}
18      onChange={setActivePage}
19
20    />
21    
22  </>
23    
24    
25  );
26}
27
28export default App;
29

props :

Properties

Property	PropType	Required	Default	Description
activePage	number		1
lastPage	number		1
pageRangeDisplayed	number		4
onChange	func		()=>{}
listClassName	string		'ab-paginate-list-2857373'
itemClassName	string		'ab-paginate-item-1683646'
nextClassName	string		'ab-paginate-next-1837342'
previousClassName	string		'ab-paginate-prev-5567886'
firstClassName	string		'ab-paginate-first-3873878'
lastClassName	string		'ab-paginate-last-8866568'
disabledFirstClassName	string		'ab-paginate-dfirst-3203808'
disabledLastClassName	string		'ab-paginate-dlast-8843780'
disabledPreviousClassName	string		'ab-paginate-prev-4034800'
disabledNextClassName	string		'ab-paginate-next-1324686'
activeItemClassName	string		'ab-paginate-actv-5623876'
breakClassName	string		'ab-paginate-brek-4343078'
showNextPage	bool		true
showPreviousPage	bool		true
showFirstPage	bool		true
showLastPage	bool		true
nextPageLabel	string		'next >'
previousPageLabel	string		'< previous'
firstPageLabel	string		'<<'
lastPageLabel	string		'>>'
breakLabel	string		'...'