CSS: Search

Search

When the user starts searching (either via shortcuts or via the search-button in the toolbar), the search gets visible on the top right under the toolbar.

.PSPDFKit-Search-Form

The search form spans over the input element and the results indicator.

.PSPDFKit-Search-Form-Input

Search input field where the user inputs his search query.

.PSPDFKit-Search-Form-Result

If search results were found, this shows how many results were found and on which search result the user is currently focused (e.g. 2 of 10).

.PSPDFKit-Search-Control

The previous and next search result button.

.PSPDFKit-Search-Control-Prev

Can also be: .PSPDFKit-Search-Control-Prev-disabled
A button to focus the previous search result. This button can be disabled, when no result was found for the given search query.

.PSPDFKit-Search-Control-Next

Can also be: .PSPDFKit-Search-Control-Next-disabled
A button to focus the next search result. This button can be disabled, when no result was found for the given search query.

.PSPDFKit-Search-Button-Close

Button to close the search component.