2019-07-18 13:40:50 +00:00
|
|
|
# Paging
|
|
|
|
|
|
|
|
|
|
#### Description
|
|
|
|
|
|
|
|
|
|
Paging is used to navigate med content pages.
|
|
|
|
|
|
|
|
|
|
#### Usage
|
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
import { Paging } from 'asc-web-components';
|
|
|
|
|
|
|
|
|
|
<ComboBox previousLabel='Previous' nextLabel='Next' pageItems={pageItems} perPageItems={perPageItems}/>
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
#### Properties
|
|
|
|
|
|
|
|
|
|
| Props | Type | Required | Values | Default | Description |
|
|
|
|
|
| ---------------------- | ----------------- | :------: | ---------------------------- | ------- | -------------------------------------------- |
|
2019-07-29 14:25:04 +00:00
|
|
|
| `pageItems` | `array` | - | - | - | Paging combo box items |
|
|
|
|
|
| `perPageItems` | `array` | - | - | - | Items per page combo box items |
|
|
|
|
|
| `previousLabel` | `string` | - | - | `Previous`| Label for previous button |
|
2019-07-18 13:40:50 +00:00
|
|
|
| `nextLabel` | `string` | - | - | `Next` | Label for next button |
|
|
|
|
|
| `previousAction` | `function` | - | - | - | Action for previous button |
|
2019-07-19 09:13:43 +00:00
|
|
|
| `nextAction` | `function` | - | - | - | Action for next button |
|
2019-07-29 14:25:04 +00:00
|
|
|
| `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 |
|
