DEV Community

Discussion on: Implementing pagination with Next.js, MUI and react-query

Collapse
 
techdan profile image
Onoriukpe Daniel

Thanks for the post, how can I add custom styling to mui pagination

Collapse
 
frontenddeveli profile image
Elisabeth Leonhardt • Edited

Glad you asked that: There is an example for a very custom pagination component in the Material UI documentation: mui.com/components/pagination/#use...
But I don't know if you want to go that far... The other option is that you access the classes inside the Pagination component. If you look at it, it is just a ul with lot's of li items inside which are MUIButtons which you can style as you wish. Here is a guide on how to overwrite nested component styles: mui.com/customization/how-to-custo...

the image of the pagination component

I hope this helped, let me know if you could do it!