0.1.1 • Published 1 year ago

@abasb75/paginate v0.1.1

Weekly downloads
-
License
ISC
Repository
github
Last release
1 year 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

1 year ago

0.1.1

1 year ago

0.0.8

1 year ago

0.0.7

1 year ago

0.0.6

1 year ago

0.0.5

1 year ago

0.0.4

1 year ago

0.0.3

1 year ago

0.0.2

1 year ago

0.0.1

1 year ago