KendoReact
React PDFViewer
- Allow users to view PDF documents directly in your app without the need for third-party software or plug-ins.
- Part of the KendoReact library along with 100+ professional UI components built with React for React, from the ground up.
- Get started quickly with our award-winning support, detailed documentation, interactive demos and instructor-led training.
-
Embed PDF Preview into Your React Apps
The KendoReact PDFViewer component allows users to view and interact with PDF files directly in the browser, without needing to download the file or use third-party tools or browser extensions. The PDFViewer control will significantly impact productivity and efficiency for developers that deal with software modules or entire applications for document management. The PDFViewer includes a toolbar with built-in features to open, view, and download PDF files, paging, PDF search options, zoom in/out, printing, and more. You can further customize the built-in commands and expand the toolbar with new ones such as adding a watermark or sending via email.
-
Toolbar and Built-in Tools
The PDF Viewer provides a configurable toolbar to help users interact. You can choose to enable and disable a combination of built-in tools or you can add your own. Built-in tools include:
- pager
- zoom
- selection
- search
- open
- download
-
Globalization
Like the rest of KendoReact, the PDFViewer makes globalization easy through the following features:
- Internationalization The component's UI will comply with culture settings. Number and currency formatting are common examples.
- Right-to-left support: Items in the component UI will automatically layout right to left.
- Messages: Messages are easily translated.
-
Custom Rendering
The React PDFViewer exposes three events that allow you to customize its three primary nested components. These items are customizable:
- Toolbar: Add custom tools to the default toolbar.
- Content: Override and configure the content displayed in the viewer
- Loader: Use your own loading animation that appears as the document is loading.
Next Steps
See KendoReact in action and check out how much it can do out-of-the-box.
Buy an individual license for KendoReact, or treat yourself to Kendo UI, our complete JavaScript bundle.
Try KendoReact with dedicated technical support.