PdfPreview
Data DisplayStable
PDF preview component with zoom, navigation, and optional download/open-in-new-tab toolbar. Requires react-pdf peer dependency.
Quick Import
import { PdfPreview } from "@cohere-ai/waypoint-ui/pdf-preview";Live Preview
Loading PdfPreview...
Props
| Name | Type | Default | Description |
|---|---|---|---|
url | string | - | URL of the PDF to display |
file | File | - | Local File object |
className | string | - | Additional CSS classes |
showDownloadButton | boolean | - | Show toolbar download button |
showOpenInNewTabButton | boolean | - | Show open in new tab button |
onLoadSuccess | function | - | Called when PDF loads successfully |
onLoadError | function | - | Called on load error |
Examples
PDF Preview from URL
Render a PDF from a URL with download button
1 import { PdfPreview } from '@cohere-ai/waypoint-ui/pdf-preview'; 2 3 <PdfPreview 4 url="https://example.com/document.pdf" 5 showDownloadButton 6 />
Additional Resources
Found an Issue?
If you've encountered a bug or have feedback about the PdfPreview component, please report it to our team. Your feedback helps us improve Waypoint.
Available for all users • Issue will be created in Linear
Was this page helpful?
Your feedback helps us improve our documentation.
Need Help?
Check out the Whitelabeling Playground to explore customization options or visit the Developer Guide for integration help.