DocSpace-buildtools/web/ASC.Web.Storybook/stories/paging/base/README.md

# 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} 
    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                 |