react-easy-qrcode-generator v1.0.8

React Easy QR-Code Generator

Easilty generate QR code from any text or url. It is based on QR Server API.

💡 Features

• Generate QR code for any text and url.
• Small and lightweight.
• Works on all platforms Web, Android and iOS.

🔧 Installation

npm i react-easy-qrcode-generator    # npm
yarn add react-easy-qrcode-generator # yarn

🖥️ Example

🖥️ Preview

📦 Usage

import React, { useState } from "react";
import { qrcodeGenerator } from "react-easy-qrcode-generator";

export default function App() {
  const [value, setValue] = useState("");
  return (
    <div className="App">
      <input value={value} onChange={(e) => setValue(e.target.value)} />
      <button
        onClick={() =>
          qrcodeGenerator({
            value: value,
            size: "180x180",
            title: "Title",
            qrAlt: "QR Code Image",
            showQrId: "qr-code",
          })
        }
      >
        Generator QR
      </button>
      <div id="qr-code" />
    </div>
  );
}

👀 API References

Functions

  qrcodeGenerator({value, size, title, qrAlt, showQrId})

Takes the following parameters:

📜 License

MIT