1.7.0 • Published 2 days ago
@simplepdf/react-embed-pdf v1.7.0
Easily add SimplePDF to your React app, by using the EmbedPDF
component.
Show me an example!
Install
npm install @simplepdf/react-embed-pdf
How to use it
The EmbedPDF
component has two modes: "modal"
(default) and "inline"
.
It can be tied to a SimplePDF account.
Account-specific features
While the component does not require any account to be used (without any limits), you can specify the companyIdentifier
to:
- Aautomatically collect your users' submissions
- Customize the editor and use your own branding
- Use your own storage
- Configure webhooks
Example
import { EmbedPDF } from "@simplepdf/react-embed-pdf";
<EmbedPDF companyIdentifier="yourcompany">
<a href="https://cdn.simplepdf.eu/simple-pdf/assets/sample.pdf">
Opens sample.pdf
</a>
</EmbedPDF>;
Modal mode
Wrap any HTML element with EmbedPDF
to open a modal with the editor on user click.
import { EmbedPDF } from "@simplepdf/react-embed-pdf";
// Opens the PDF on click
<EmbedPDF>
<a href="https://cdn.simplepdf.eu/simple-pdf/assets/sample.pdf">
Opens sample.pdf
</a>
</EmbedPDF>
// Let the user pick the PDF
<EmbedPDF>
<button>Opens the simplePDF editor</button>
</EmbedPDF>
Inline mode
Render the PDF editor directly in your app
import { EmbedPDF } from "@simplepdf/react-embed-pdf";
// The PDF is displayed when rendering the component
<EmbedPDF
mode="inline"
style={{ width: 900, height: 800 }}
documentURL="https://cdn.simplepdf.eu/simple-pdf/assets/sample.pdf"
/>
// The PDF picker is displayed when rendering the component
<EmbedPDF
mode="inline"
style={{ width: 900, height: 800 }}
/>
Available props
How to dev
- Link the widget
yarn link
yarn start
- Use it in the target application
yarn link @simplepdf/react-embed-pdf
1.7.0
2 days ago
1.6.2
2 months ago
1.6.1
2 months ago
1.6.0
3 months ago
1.5.0
8 months ago
1.4.0
12 months ago
1.2.7
1 year ago
1.3.0
1 year ago
1.2.6
2 years ago
1.2.5
2 years ago
1.2.4
2 years ago
1.2.3
2 years ago
1.2.2
2 years ago
1.2.0
2 years ago
1.1.3
2 years ago
1.2.1
2 years ago
1.1.2
2 years ago
1.1.1
2 years ago
1.1.0
2 years ago
1.0.3
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago
0.2.0
2 years ago
0.1.0
2 years ago