Feature module in React PDF Viewer Control
The PDF Viewer features are segregated into individual feature-wise modules to enable selectively referencing in the application. The required modules should be injected to extend its functionality. The following are the selective modules of PDF Viewer that can be included as required:
The available PDF Viewer modules are:
- Toolbar: Built-in toolbar for user interaction.
- Magnification: Perform zoom operations for a better viewing experience.
- Navigation: Navigate across pages.
- LinkAnnotation: Navigate within the document or to external destinations via hyperlinks.
- ThumbnailView: Navigate within the document using page thumbnails.
- BookmarkView: Navigate using document bookmarks (table of contents).
- TextSelection: Select and copy text from the document.
- TextSearch: Search for text across the document.
- Print: Print the entire document or specific pages directly from the browser.
- Annotation: Add and edit annotations.
- FormFields: Work with form fields in the document.
- FormDesigner: Add or edit form fields in the document.
In addition to injecting the required modules in your application, enable corresponding properties to extend the functionality for a PDF Viewer instance.
Refer to the following table.
| Module | Property to enable the functionality for a PDF Viewer instance |
|---|---|
| Toolbar | <PdfViewerComponent enableToolbar= {true} ></PdfViewerComponent> |
| Magnification | <PdfViewerComponent enableMagnification= {true} ></PdfViewerComponent> |
| Navigation | <PdfViewerComponent enableNavigation= {true} ></PdfViewerComponent> |
| LinkAnnotation | <PdfViewerComponent enableHyperlink= {true} ></PdfViewerComponent> |
| ThumbnailView | <PdfViewerComponent enableThumbnail= {true} ></PdfViewerComponent> |
| BookmarkView | <PdfViewerComponent enableBookmark= {true} ></PdfViewerComponent> |
| TextSelection | <PdfViewerComponent enableTextSelection= {true} ></PdfViewerComponent> |
| TextSearch | <PdfViewerComponent enableTextSearch= {true} ></PdfViewerComponent> |
<PdfViewerComponent enablePrint= {true} ></PdfViewerComponent> |
|
| Annotation | <PdfViewerComponent enableAnnotation= {true} ></PdfViewerComponent> |
| FormFields | <PdfViewerComponent enableFormFields= {true} ></PdfViewerComponent> |
| FormDesigner | <PdfViewerComponent enableFormDesigner= {true} ></PdfViewerComponent> |