2.4 KiB
2.4 KiB
Paging
Paging is used to navigate med content pages
Usage
import Paging from "@appserver/components/paging";
<Paging
previousLabel="Previous"
nextLabel="Next"
selectedPageItem={{ label: "1 of 1" }}
selectedCountItem={{ label: "25 per page" }}
previousAction={() => console.log("Prev")}
nextAction={() => console.log("Next")}
openDirection="bottom"
onSelectPage={(a) => console.log(a)}
onSelectCount={(a) => console.log(a)}
/>
Properties
Props | Type | Required | Values | Default | Description |
---|---|---|---|---|---|
className |
string |
- | - | - | Accepts class |
countItems |
array |
- | - | - | Items per page combo box items |
disableNext |
bool |
- | - | false |
Set next button disabled |
disablePrevious |
bool |
- | - | false |
Set previous button disabled |
id |
string |
- | - | - | Accepts id |
nextAction |
function |
- | - | - | Action for next button |
nextLabel |
string |
- | - | Next |
Label for next button |
openDirection |
string |
- | top , bottom |
bottom |
Indicates opening direction of combo box |
pageItems |
array |
- | - | - | Paging combo box items |
previousAction |
function |
- | - | - | Action for previous button |
previousLabel |
string |
- | - | Previous |
Label for previous button |
selectedCountItem |
object |
- | - | - | Initial value for countItems |
selectedPageItem |
object |
- | - | - | Initial value for pageItems |
style |
obj , array |
- | - | - | Accepts css style |