Skip to content
React PDF Viewer

Search

PdfToolbar reference

The default toolbar: zoom, page navigation, fullscreen, rotate, download and print, on one row.

When the row does not fit, secondary actions collapse into a “More actions” menu. Usable on its own, for example inside renderToolbar.

Used by

Import

import { PdfToolbar } from '@kingtech/react-pdf-viewer';

Props

NameTypeDefaultRequiredDescription
apiPdfViewerApi—YesThe viewer API, from a ref or renderToolbar.
labelsPartial<PdfViewerLabels>—NoLabel overrides.
configToolbarConfig—NoWhich actions to show.
compactboolean—NoCompact layout: hides hiddenWhenCompact actions outside fullscreen.
localestring—NoLocale for number formatting.
zoomResetbooleanfalseNoThe zoom label becomes a reset button.
pageIndicatorReactNode—NoReplaces the page indicator text, e.g. with your own input.
menuPlacement'top' | 'bottom'—NoWhere the More actions menu opens. PdfViewer picks the side away from the edge.

Source

packages/react-pdf-viewer/src/components/Toolbar.tsx

Generated from content/react-pdf-viewer/reference/pdf-toolbar.schema.json. Do not edit by hand.