# 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

- [Custom toolbar](https://react-pdf-viewer-chi.vercel.app/react-pdf-viewer/custom-toolbar.md)

## Import

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

## Props

| Name | Type | Default | Required | Description |
| --- | --- | --- | --- | --- |
| `api` | `PdfViewerApi` | — | Yes | The viewer API, from a `ref` or `renderToolbar`. |
| `labels` | `Partial<PdfViewerLabels>` | — | No | Label overrides. |
| `config` | `ToolbarConfig` | — | No | Which actions to show. |
| `compact` | `boolean` | — | No | Compact layout: hides `hiddenWhenCompact` actions outside fullscreen. |
| `locale` | `string` | — | No | Locale for number formatting. |
| `zoomReset` | `boolean` | `false` | No | The zoom label becomes a reset button. |
| `pageIndicator` | `ReactNode` | — | No | Replaces the page indicator text, e.g. with your own input. |
| `menuPlacement` | `'top' \| 'bottom'` | — | No | Where the More actions menu opens. `PdfViewer` picks the side away from the edge. |

## Source

[packages/react-pdf-viewer/src/components/Toolbar.tsx](https://github.com/kiralygyula92/react-pdf-viewer/blob/main/packages/react-pdf-viewer/src/components/Toolbar.tsx#L412)