nexcode's avatar

How to properly view laravel 8 pagination with tailwind

Hi am learning laravel and was trying to do pagination. But the next and previous buttons are not styled properly (They are too big). A quick internet search revealed that it was because Laravel 8 uses tailwindcss by default for pagination and that switching it to bootstrap by adding this code in AppServiceProvider and linking my file to bootstrap.css will fix it.

  use Illuminate\Pagination\Paginator;

public function boot()
{
    Paginator::useBootstrap();
}

This solution works but I would like to know how to fix it without having to switch to boostrap. So can someone please tell me how to fix it so that tailwind works and does not look like this https://i.ibb.co/8DJnxj9/Parts-List.png

0 likes
9 replies
jlrdw's avatar

Or you can use bootstrap if you want.

https://laravel.com/docs/8.x/pagination#introduction

In other frameworks, pagination can be very painful. Laravel's paginator is integrated with the query builder and Eloquent ORM and provides convenient, easy-to-use pagination of database results out of the box. By default, the HTML generated by the paginator is compatible with the Tailwind CSS framework; however, Bootstrap views are also available.

All covered in the documentation. You don't have to switch bootstrap views are also included.

nexcode's avatar

Thanks, though I cant switch since I have no styling applied yet. I am going through a tutorial that was made with older version on of laravel they did have bootstrap installed, but I want to try out tailwind.

nexcode's avatar

Thanks will try installing it, I thought it came preinstalled with Laravel 8

nexcode's avatar

Turns out its not as I thought it would be to install tailwind... should I ask a new question on how to install tailwind or is it fine to continue here

nexcode's avatar

Turns out its not as I thought it would be to install tailwind... should I ask a new question on how to install tailwind or is it fine to continue here

nexcode's avatar

No I havent. Do i need to if i want to format the pagination correctly with tailwind? Also after looking at tailwinds site I want to use it in my future projects.

Please or to participate in this conversation.