Cara Membuat Pagination TailwindCSS di Laravel 8

Bagaimana cara custom pagination dengan style dari tailwindcss? Berikut adalah tutorial membuat pagination di laravel 8 dengan tailwindcss.

Pada artikel sebelumnya yaitu Tutorial CRUD Laravel 8 dengan TailwindCSS kita sudah membuat operasi create, read, update dan delete sekarang mari kita percantik tampilannya dengan menambahkan pagination menggunakan tailwindcss.

Buat file resources/views/vendor/pagination/default.blade.php dan masukkan kode berikut :

Keterangan :

• Pada kode di atas terdapat “secondary” dan “primary” yang menandakan sebuah warna, dimana variabel tersebut sudah diatur konfigurasinya pada tutorial sebelumnya.
• Jika Anda tidak mengikuti seri tutorial ini maka silakan ganti secondary dan primary menjadi warna yang lain, misalnya gray, blue, red.
• Terdapat “dark:” karena mungkin pada tutorial berikutnya akan membuat fungsi switcher theme pada seri tutorial ini.

Jika Anda cek paginationnya masih belum berubah, untuk membuat itu berubah silakan buka file app/Providers/AppServiceProvider.php dan masukkan kode berikut pada function boot :

use Illuminate\Pagination\Paginator;

Paginator::defaultView('pagination::default');

Sekarang silakan cek maka hasilnya akan seperti gambar di bawah :