@nabaraj/vue-pagination
A lightweight Vue 3 pagination component with TypeScript types and customizable slots.
Overview
Vue Pagination is a simple and flexible Vue 3 pagination component written in TypeScript. It focuses solely on rendering pagination UI and handling user interactions, leaving data fetching and state management to the developer for maximum control and predictability.
Key Features
- Vue 3 Composition API — Built for Vue 3 with modern Composition API support.
- TypeScript Support — Fully typed with TypeScript for enhanced developer experience and IntelliSense.
- Small Bundle Size — Lightweight with minimal dependencies, focusing only on pagination functionality.
- Slot-Based Customization — All UI parts are customizable via slots, allowing full design flexibility.
- Framework-Agnostic Styling — No included CSS or UI framework, enabling integration with any styling approach.
- API Agnostic — Works seamlessly with REST or GraphQL APIs, as it does not handle data fetching.
- ESM and CommonJS Support — Compatible with both module systems for broad usage.
Philosophy
The component is intentionally simple, focusing on correctness and flexibility rather than appearance. It does one job—rendering pagination UI and emitting events—staying predictable, small, and reusable for developers who already manage pagination logic.
Related Projects
laravel-vue-paginationA Vue.js pagination component for Laravel paginators
v-pageA simple and useful pagination component for Vue
vue-paginate-alVue paginate with return your data
vue-tiny-paginationA Vue component for create a tiny pagination with Flexbox
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.