[TablePagination] Add ability to change icons used in TablePaginationActions

[jake-collibra]

Duplicates

• [X] I have searched the existing issues

Latest version

• [X] I have tested the latest version

Summary 💡

The First, Previous, Next, and Last icons are all hard-coded to be MUI icons. These should be configurable through props for MUI consumers using a different icon library.

Examples 🌈

PaginationItem exposes a components prop that lets consumers specify first, last, next, and previous icons.

Motivation 🔦

We are using MUI as a base for a component library with different designs and icons. We were unable to work around this and now have inconsistency in our icons on tables with pagination.

[mnajdova]

Looks like we can add the components & componentsProps API here to allow people to override all slots available.

[mnajdova]

If this is a blocker you can create a custom TablePaginationAction component and adjust it to your needs.

[pratikkarad]

Hey, @mnajdova, I would like to work on this issue if no one else is working on it. Thanks!

[pratikkarad]

Hi @mnajdova, @ZeeshanTamboli, @siriwatknp team, any updates on this?