https://github.com/alkhatibdev/inertia-pagination

Laravel Inertia Pagination, is a Laravel package for generating inertia pagination vue component, designed with TailwindCSS.
https://github.com/alkhatibdev/inertia-pagination

Last synced: 3 months ago
JSON representation

Laravel Inertia Pagination, is a Laravel package for generating inertia pagination vue component, designed with TailwindCSS.

• Host: GitHub
• URL: https://github.com/alkhatibdev/inertia-pagination
• Owner: alkhatibdev
• License: mit
• Created: 2023-11-30T22:03:51.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-11-30T23:17:22.000Z (over 2 years ago)
• Last Synced: 2025-05-31T17:33:48.053Z (about 1 year ago)
• Language: Vue
• Size: 7.81 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Laravel Inertia Pagination

[![Latest Version](https://img.shields.io/github/release/alkhatibdev/inertia-pagination.svg?style=flat-square)](https://github.com/alkhatibdev/inertia-pagination/releases)

[![MIT Licensed](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square)](LICENSE)

## Introduction

Laravel Inertia Pagination, is a Laravel package for generating inertia pagination vue component, designed with TailwindCSS.

## Installation

install via composer

```shell

composer require alkhatibdev/inertia-pagination

```

## Publish 

```shell

php artisan vendor:publish --tag=inertia-pagination

```

## Usage

Assume this is your inertia response:

```php

// App\Http\Controllers\PostController

public function index() 

{

    return Inertia::render('Post/Index', [

        'posts' => Post::select([

            "id", "title", "description"

        ])->paginate(10),

    ]);

}

```

Within your inertia page, just import `IPagination` vue component, then pass your paginated collection links to it.

```js

// resources/js/Pages/Post/Index.vue 

    import IPagination from '@/Components/vendor/InertiaPagination/IPagination.vue'

    defineProps({

        posts: Object

    })

    ...

        
...


        

        

    

    ...

```

## Customization

Coming soon..

## License

Language Switcher is open-sourced software licensed under the [MIT license](LICENSE).