# li-pagination

<!-- Auto Generated Below -->

## Properties

| Property                | Attribute                  | Description                                  | Type                  | Default          |
| ----------------------- | -------------------------- | -------------------------------------------- | --------------------- | ---------------- |
| `ariaLabelFirstPage`    | `aria-label-first-page`    | A11Y, 读取为：'返回第一页'                   | `string`              | `'返回第一页'`   |
| `ariaLabelLastPage`     | `aria-label-last-page`     | A11Y, 读取为：'进入最后一页'                 | `string`              | `'进入最后一页'` |
| `ariaLabelNextPage`     | `aria-label-next-page`     | A11Y, 读取为：'下一页'                       | `string`              | `'下一页'`       |
| `ariaLabelPreviousPage` | `aria-label-previous-page` | A11Y, 读取为：'返回上一页'                   | `string`              | `'返回上一页'`   |
| `hideBorder`            | `hide-border`              | 值为true时，隐藏顶部和底部的边框 {boolean}   | `boolean`             | `false`          |
| `pageSize`              | `page-size`                | 设置每页包含的（元素/行）的数量 {number}     | `number`              | `10`             |
| `size`                  | `size`                     | 组件的大小 {('small' \| 'large')}            | `"large" \| "small"`  | `'large'`        |
| `startElement`          | `start-element`            | 显示的第一个元素的索引 {number}              | `number`              | `0`              |
| `styles`                | `styles`                   | 可选属性 注入样式style {string}              | `string \| undefined` | `undefined`      |
| `totalElement`          | `total-element`            | 用于计算多少页面的（元素/行）的总数 {number} | `number`              | `1`              |

## Events

| Event           | Description                                                                                                                                                                  | Type                                                                                                                           |
| --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
| `li-pagination` | 自定义事件： 'li-pagination'：每次数据被编辑，改变原始行数据的时候触发 {EventEmitter<{ startElement?: number; currentPage?: number; direction: PaginationEventDirection; }>} | `CustomEvent<{ startElement?: number \| undefined; currentPage?: number \| undefined; direction: PaginationEventDirection; }>` |

## Shadow Parts

| Part                | Description |
| ------------------- | ----------- |
| `"first-prompt"`    |             |
| `"info"`            |             |
| `"info-responsive"` |             |
| `"last-prompt"`     |             |
| `"next-prompt"`     |             |
| `"prev-prompt"`     |             |

## Dependencies

### Used by

- [li-data-grid](../data-grid)

### Graph

```mermaid
graph TD;
  li-data-grid --> li-pagination
  style li-pagination fill:#f9f,stroke:#333,stroke-width:4px
```

---

_Built with ITSI_
