React-doc-viewer Hide ((new)) Download · Must Watch
: Filter the toolbarItems array to exclude the "export-pdf" type. Important Considerations
/* Hide specific download buttons in your global CSS */ #pdf-download { display: none !important; } /* For some versions or document types */ #pdf-controls { display: none !important; } Use code with caution. Method 3: Plugin-Specific Configuration
To hide the download button in react-doc-viewer , you can either use a for full control or apply CSS overrides for a quick fix. react-doc-viewer hide download
: Some mobile browsers may ignore CSS overrides for embedded document viewers, so a custom header (Method 1) is generally more reliable across devices. Hide controls #75 - Alcumus/react-doc-viewer - GitHub
import DocViewer, { DocViewerRenderers } from "react-doc-viewer"; const MyDocViewer = () => { const docs = [{ uri: "https://example.com" }]; return ( null, }, }} /> ); }; Use code with caution. Method 2: Quick CSS Overrides : Filter the toolbarItems array to exclude the
Some third-party document viewers integrated within React (like those from Syncfusion or Nutrient ) provide direct props for this: : Use the enableDownload={false} prop.
The most robust way to remove the download button and other unwanted controls is to provide your own header component. By returning null or a custom UI, you replace the default toolbar entirely. javascript : Some mobile browsers may ignore CSS overrides
If you want to keep the standard header but only hide the download icon, you can target the specific element IDs or classes used by the viewer.
