0.1.1 • Published 2 years ago

@abasb75/paginate v0.1.1

Weekly downloads
-
License
ISC
Repository
github
Last release
2 years ago

add to reactjs :

npm install @abasb75/paginate --save

usage example :

import Paginate from "@abasb75/paginate";

import { useState } from 'react';


function App() {

  const [activePage,setActivePage] = useState(1);
  const pageRangeDisplayed = 4;

  return (<>
    <h1>page : {activePage}</h1>

    <Paginate
      activePage={activePage}
      lastPage={10}
      pageRangeDisplayed={pageRangeDisplayed}
      onChange={setActivePage}

    />
    
  </>
    
    
  );
}

export default App;

props :

Properties

PropertyPropTypeRequiredDefaultDescription
activePagenumber1
lastPagenumber1
pageRangeDisplayednumber4
onChangefunc()=>{}
listClassNamestring'ab-paginate-list-2857373'
itemClassNamestring'ab-paginate-item-1683646'
nextClassNamestring'ab-paginate-next-1837342'
previousClassNamestring'ab-paginate-prev-5567886'
firstClassNamestring'ab-paginate-first-3873878'
lastClassNamestring'ab-paginate-last-8866568'
disabledFirstClassNamestring'ab-paginate-dfirst-3203808'
disabledLastClassNamestring'ab-paginate-dlast-8843780'
disabledPreviousClassNamestring'ab-paginate-prev-4034800'
disabledNextClassNamestring'ab-paginate-next-1324686'
activeItemClassNamestring'ab-paginate-actv-5623876'
breakClassNamestring'ab-paginate-brek-4343078'
showNextPagebooltrue
showPreviousPagebooltrue
showFirstPagebooltrue
showLastPagebooltrue
nextPageLabelstring'>'
previousPageLabelstring'<'
firstPageLabelstring'<<'
lastPageLabelstring'>>'
breakLabelstring'...'
buttonRoundednone normal quarter fullnormal
buttonWidthnumber42
buttonHeightbuttonHeight42
0.1.0

2 years ago

0.1.1

2 years ago

0.0.8

3 years ago

0.0.7

3 years ago

0.0.6

3 years ago

0.0.5

3 years ago

0.0.4

3 years ago

0.0.3

3 years ago

0.0.2

3 years ago

0.0.1

3 years ago