The PDFViewer component enables users to read and interact with PDF documents directly in the browser.

PDFViewer Overview

The PDFViewer is a valuable user interface (UI) component that allows you to seamlessly present PDF documents on your website or in your application. With this component, users can conveniently access and view PDF files directly, without the need for an external PDF reader.

Live Demo


The anatomy of the PDFViewer summarizes the visual and functional elements of the component. The main elements include a toolbar and a scrollable canvas area for displaying the document pages. The toolbar contains a variety of navigation and action tools that are sorted into semantic groups and visually separated by spacer elements.

The next image shows the anatomy of a PDFViewer and includes the following elements:

  1. Pager tools
  2. Spacer element
  3. Zoom and Selection tools
  4. Action button tools
  5. Toolbar
  6. Canvas
  7. Page

Framework-Specific Documentation

For specific information about the component, refer to its official product documentation: