New to KendoReactStart a free 30-day trial

The props of the KendoReact PDF Viewer component.

Definition

Package:@progress/kendo-react-pdf-viewer

Properties

arrayBuffer?

ArrayBuffer

Sets the raw binary data buffer of the PDF file.

data?

string

Sets the data of the PDF file in Base64 format.

Sets the default zoom value.

Default:

1

maxZoom?

number

Sets the maximum zoom value.

Default:

4

minZoom?

number

Sets the minimum zoom value.

Default:

0.5

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

Parameters:eventDownloadEventReturns:

boolean | void

onError?

(event: ErrorEvent) => void

Fires when an error occurs.

Parameters:eventErrorEvent

onLoad?

(event: LoadEvent) => void

Fires when a PDF document has been loaded.

Parameters:eventLoadEvent

onPageChange?

(event: PageEvent) => void

Fires when the page has changed.

Parameters:eventPageEvent

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

Parameters:defaultRenderingReactElement​<HTMLDivElement, string | JSXElementConstructor​<any>>Returns:

ReactNode

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

Parameters:defaultRenderingnull | ReactElement​<HTMLDivElement, string | JSXElementConstructor​<any>>Returns:

ReactNode

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

Parameters:defaultRenderingReactElement​<ToolbarProps, string | JSXElementConstructor​<any>>Returns:

ReactNode

onZoom?

(event: ZoomEvent) => void

Fires when the zoom has changed.

Parameters:eventZoomEvent

Sets the file name used to save the file when you click the download tool.

saveOptions?

SaveOptions

Sets the options for saving the file when you click the download tool.

style?

CSSProperties

Sets the additional styles for the PDF Viewer component.

Sets the tools collection that renders in the toolbar.

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

typedArray?

TypedArray

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

url?

string

Sets the URL of the PDF file.

zoom?

number

Sets the zoom value of the document.

zoomLevels?

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

Sets the zoom levels populated in the ComboBox component.

zoomRate?

number

Sets the zoom rate value.

Default:

0.25