Drop plugin

The drop plugin allows to open a PDF document by dragging and dropping it on the viewer container element.

It adds an element on top of the container element indicating that you can drag the document:

Install

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

1. Import the plugin and styles

import { dropPlugin } from '@react-pdf-viewer/drop';

// Import styles
import '@react-pdf-viewer/drop/lib/styles/index.css';

2. Create the plugin instance

const dropPluginInstance = dropPlugin();

3. Register the plugin

<Viewer plugins={[dropPluginInstance]} />

v2.0.0