open-index/open-npm huggingface dataset:
npm package: @salvadormedinadinamic/quasar-pagination-component
Description: A customizable pagination component for Quasar Framework
Latest version: 1.1.0

# Quasar Pagination Component

A customizable pagination component for Quasar Framework applications.

## Installation

```bash
npm install quasar-pagination-component
```

## Usage

```vue
<template>
  <PaginationTable
    :current-page-prop="currentPage"
    :total-pages-prop="totalPages"
    @change-pagination="handlePageChange"
  />
</template>

<script setup>
import { PaginationTable } from "quasar-pagination-component";
import { ref } from "vue";

const currentPage = ref(1);
const totalPages = ref(10);

const handlePageChange = (page) => {
  currentPage.value = page;
};
</script>
```

## Props

| Prop              | Type     | Description           | Default   |
| ----------------- | -------- | --------------------- | --------- |
| `currentPageProp` | `Number` | Current active page   | -         |
| `totalPagesProp`  | `Number` | Total number of pages | -         |
| `color`           | `String` | Color of the buttons  | `grey`    |
| `activeColor`     | `String` | Color of active page  | `primary` |

## Events

| Event               | Payload  | Description                   |
| ------------------- | -------- | ----------------------------- |
| `change-pagination` | `Number` | Emitted when the page changes |