Enable further style customizations

[owain-stratton]

We're using MUI as our component library in the application where we are using the pdf-viewer. So far we have been able to customize much of the styles to align with the application, however, there are two aspects that we would like to customize.

1. Support setting a border radius around icons/buttons separately. Currently customizing the border radius variable --rp-border-radius to match the MUI theme affects the icon buttons as well as; zoom level select, page number select, dialogs and tooltips. See screenshot

2. Allow customizing the tooltips to either take a custom component or alternatively provide a way to change the styles such as font size, padding, border radius and positional arrow.

[david-reactpdf]

Hi @owain-stratton,

Thanks for the detailed feedback and screenshot.

We’re looking into both of these enhancement requests and will follow up here once we’ve released an update that addresses them.

Appreciate you raising this and helping us improve React PDF!

[owain-stratton]

Awesome, thanks!