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+ professionally-designed components.
- Includes support, documentation, demos, virtual classrooms, learning resources and more!
-
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
-
Events
The KendoReact PDFViewer component supports different events to enable you to easily handle file operations logic in any React app.
-
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.
-
Accessibility
The KendoReact PDFViewer component has extensive accessibility support and enables users with disabilities to have complete control over its features.
The React PDFViewer component is compliant with the Web Content Accessibility Guidelines (WCAG) 2.1 AA standards and Section 508 requirements. It also follows the Web Accessibility Initiative - Accessible Rich Internet Applications (WAI-ARIA) best practices for implementing the keyboard navigation for its component role and delivers different options for managing its focus.
-
Other Supported Frameworks
The PDFViewer component is also available for these web development frameworks:
