2.3 KiB
2.3 KiB
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 |