Theme plugin

The `theme` plugin provides components that can be used to switch between the light and dark themes.

Install

npm install '@react-pdf-viewer/theme';

The `theme` plugin is included in the toolbar and default-layout plugins

1. Import the plugin

import { themePlugin } from '@react-pdf-viewer/theme';

2. Create the plugin instance

const themePluginInstance = themePlugin();

The plugin instance `themePluginInstance` provides the following properties:

Property	Type	Description	From
`SwitchTheme`	`ReactElement`	Customizable component to switch themes	2.6.0
`SwitchThemeButton`	`ReactElement`	The default button to switch themes	2.6.0
`SwitchThemeMenuItem`	`ReactElement`	The default menu item to switch themes	2.6.0

3. Register the plugin

<Viewer plugins={[themePluginInstance]} />

The `theme` plugin provides other properties as following:

import { DarkIcon, LightIcon } from '@react-pdf-viewer/theme';

Property	Type	Description	From
`DarkIcon`	`ReactElement`	The dark theme icon	2.6.0
`LightIcon`	`ReactElement`	The light theme icon	2.6.0

v2.6.0