How to add custom component in web viewer header similar to search panel

Product:
Pdftron Webviewer
Product Version:
“^8.4.1”
Please give a brief summary of your issue:
(Think of this as an email subject)

Hello Team,
I am using ReactJS. I want to add my own custom component in pdftron web viewer header similar to default search panel present at right side . But I do not want search field, just need window similar to result found window so I can display my own custom page numbers and results. I have attached the image for the reference. I need only highlighted part in my custom component.

Please describe your issue and provide steps to reproduce it:
(The more descriptive your answer, the faster we are able to help you)

Hi Singhjaskaran

Firstly, if you want to do the customization like refactor the search panel. You need to use your customized UI package in your own project. Here is more information about how to customize you UI package.

There may be three components you need to refactor, SearchOverlay, SearchResult, SearchPanel.

Best regards
Jack Hou