# ez-pagination



<!-- Auto Generated Below -->


## Properties

| Property        | Attribute         | Description                                                            | Type                    | Default     |
| --------------- | ----------------- | ---------------------------------------------------------------------- | ----------------------- | ----------- |
| `currentPage`   | `current-page`    | O número da página atual.                                              | `number`                | `1`         |
| `hideInfoLabel` | `hide-info-label` | Esconde as o texto de informação da paginação no tipo default.         | `boolean`               | `false`     |
| `pageLimit`     | `page-limit`      | O número de páginas a serem exibidas na paginação.                     | `number`                | `10`        |
| `pageSize`      | `page-size`       | O número de itens por página.                                          | `number`                | `10`        |
| `totalItems`    | `total-items`     | O número total de itens.                                               | `number`                | `0`         |
| `type`          | `type`            | O tipo de paginação a ser renderizada. Pode ser 'default' ou 'number'. | `"default" \| "number"` | `'default'` |


## Events

| Event          | Description                                | Type                  |
| -------------- | ------------------------------------------ | --------------------- |
| `ezPageChange` | Evento emitido quando a página é alterada. | `CustomEvent<number>` |


## Dependencies

### Depends on

- [ez-button](../ez-button)

### Graph
```mermaid
graph TD;
  ez-pagination --> ez-button
  ez-button --> ez-icon
  style ez-pagination fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------




## CSS Variables
| Variable  | Description | 
 |-|-|
| --ez-pagination\_\_info--color | Define a cor do label de informação dfa paginação.  | 
| --ez-pagination\_\_info--margin-right | Define o espaçamento entre o texto de informação e os botões de controle.  | 
| --ez-pagination\_\_info--text-weight | Define o peso da fonte do texto de informação .  | 
| --ez-pagination\_\_info--font-size | Define o tamanho da fonte do texto de informação .  | 
| --ez-pagination\_\_info-range--font-weight | Define o peso da fonte do texto de intervalo da informação .  | 
| --ez-pagination\_\_pages-option-padding | Define o espaçamento lateral entre as opções de páginas do modo numérico .  | 
| --ez-pagination\_\_pages-option-color | Define a cor de texto das opções de páginas do modo numérico .  | 
| --ez-pagination\_\_pages-option-weight | Define a o peso da fonte do texto das opções de páginas do modo numérico .  | 
| --ez-pagination\_\_pages-option-size | Define a o tamanho da fonte do texto das opções de páginas do modo numérico .  |