Paging
Description
Paging is used to navigate med content pages.
Usage
import { Paging } from 'asc-web-components';
<ComboBox
previousLabel='Previous'
nextLabel='Next'
pageItems={pageItems}
countItems={countItems}
previousAction={previousAction}
nextAction={nextAction}
openDirection='bottom'
disablePrevious={false}
disableNext={false}
/>
Properties
Props |
Type |
Required |
Values |
Default |
Description |
pageItems |
array |
- |
- |
- |
Paging combo box items |
countItems |
array |
- |
- |
- |
Items per page combo box items |
previousLabel |
string |
- |
- |
Previous |
Label for previous button |
nextLabel |
string |
- |
- |
Next |
Label for next button |
previousAction |
function |
- |
- |
- |
Action for previous button |
nextAction |
function |
- |
- |
- |
Action for next button |
openDirection |
string |
- |
top , bottom |
bottom |
Indicates opening direction of combo box |
disablePrevious |
bool |
- |
- |
false |
Set previous button disabled |
disableNext |
bool |
- |
- |
false |
Set next button disabled |
selectedPageItem |
object |
- |
- |
- |
Initial value for pageItems |
selectedCountItem |
object |
- |
- |
- |
Initial value for countItems |