Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-base64-to-pdf

Package Overview
Dependencies
Maintainers
0
Versions
14
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-base64-to-pdf

A React component to display and download PDF files from Base64 strings.

  • 1.1.4
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
3
decreased by-66.67%
Maintainers
0
Weekly downloads
 
Created
Source

react-base64-to-pdf

A React component library for displaying, previewing, and downloading Base64-encoded PDF files. Easily integrate PDF viewing capabilities into your React applications.

Installation

You can install the package using npm:

npm install react-base64-to-pdf

Usage

Here’s a quick example of how to use the react-base64-to-pdf library in your React application.

Basic Example

import React, { useEffect, useState } from "react";
import { PDFInfo, PDFPreview, PDFDownloadButton } from 'react-base64-to-pdf';

const App = () => {
  const base64Pdf = 'JVBERi0xLjUKJYCBgoMKMSA.....'; // Your Base64-encoded PDF string

  return (
    <div>
      <h1>PDF Viewer Example</h1>
      
      {/* Show PDF Information */}
      <PDFInfo base64={base64Pdf} />

      {/* Download PDF Button */}
      <PDFDownloadButton 
        base64={base64Pdf} 
        downloadFileName="your-file.pdf"
        style={{
          backgroundColor: 'blue',
          color: 'white',
          padding: '10px 20px',
          borderRadius: '5px',
          textDecoration: 'none'
        }}
      />
    </div>
  );
};

export default App;

Components

PDFInfo

Displays the information of the PDF file such as file size, PDF version, creation date, modification date, and creator tool.

Props
  • base64 (string): The Base64-encoded PDF string.
  • showDownloadButton (boolean): (Optional) Whether to display the download button. Default is false.
  • showPreview (boolean): (Optional) Whether to show the PDF preview. Default is false.

PDFPreview

Renders a preview of the PDF file.

Props
  • base64 (string): The Base64-encoded PDF string.

PDFDownloadButton

Provides a button to download the PDF file.

Props
  • base64 (string): The Base64-encoded PDF string.
  • downloadFileName (string): (Optional) The name of the downloaded file. Default is file.pdf.
  • style (React.CSSProperties): (Optional) Custom styles for the button.
  • className (string): (Optional) Custom class names for additional styling.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

For any inquiries or feedback, feel free to reach out at 28priyanshu2001.

Keywords

FAQs

Package last updated on 18 Oct 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc