• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting
Components / PDFViewer / API / PDFViewerProps / 

PDFViewerProps

The props of the KendoReact PDFViewer component.

NameTypeDefaultDescription

arrayBuffer?

ArrayBuffer

Represents the raw binary data buffer of the PDF file.

data?

string

Represents the data of the PDF file in Base64 format.

defaultZoom?

number

Represents the default zoom value.

maxZoom?

number

Represents the maximum zoom value.

minZoom?

number

Represents the minimum zoom value.

onDownload?

(event: DownloadEvent) => boolean | void

Fires when the download tool has been clicked. To prevent the download, return false.

onError?

(event: ErrorEvent) => void

Fires when an error occurs.

onLoad?

(event: LoadEvent) => void

Fires when a PDF document has been loaded.

onPageChange?

(event: PageEvent) => void

Fires when the page has changed.

onRenderContent?

(defaultRendering: ReactElement<HTMLDivElement>) => ReactNode

Fires when the content component is about to be rendered. Use it to override the default appearance of the content.

onRenderLoader?

(defaultRendering: "null" | ReactElement<HTMLDivElement>) => ReactNode

Fires when the loading indication component is about to be rendered. Use it to override the default appearance of the loading.

onRenderToolbar?

(defaultRendering: ReactElement<ToolbarProps>) => ReactNode

Fires when the toolbar component is about to be rendered. Use it to override the default appearance of the toolbar.

onZoom?

(event: ZoomEvent) => void

Fires when the zoom has changed.

saveFileName?

string

Represents the file name used to save the file when the user clicks the download tool.

saveOptions?

SaveOptions

Represents the options for saving the file when the user clicks the download tool.

style?

React.CSSProperties

Represents the additional styles which will be added to the PDFViewer component.

tools?

PDFViewerTool[]
  • ['pager', 'spacer', 'zoomInOut', 'zoom', 'selection', 'spacer', 'search', 'open', 'download', 'print']

Represents the tools collection rendered in the toolbar.

typedArray?

TypedArray

Represents the data of the PDF file in typed array format.

url?

string

Represents the url of the PDF file.

zoom?

number

Represents the zoom value of the document.

zoomLevels?

{ id: number; locationString?: string; priority: number; text: string; type: string; value: number; }[]

Represents the zoom levels populated in the ComboBox component.

zoomRate?

number

Represents the zoom rate value.

In this article

Not finding the help you need?

Contact Support