# ToolbarConfig reference

Toolbar customization: where the toolbar sits, which controls it shows and in which order, and which it hides on narrow screens.

## Used by

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

## Import

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

## Properties

| Name | Type | Default | Required | Description |
| --- | --- | --- | --- | --- |
| `position` | `'top' \| 'bottom'` | `'bottom'` | No | Toolbar placement (below the page by default). |
| `actions` | `readonly ToolbarAction[]` | `all actions` | No | Actions to show. Their order within each group is fixed. |
| `hiddenWhenCompact` | `readonly ToolbarAction[]` | `['rotate', 'print']` | No | Actions hidden in compact, non-fullscreen mode. |

## Source

[packages/react-pdf-viewer/src/types.ts](https://github.com/kiralygyula92/react-pdf-viewer/blob/main/packages/react-pdf-viewer/src/types.ts#L136)

