csway-qr-generator

Example:-

Javascript

import { generateQRCode } from "csway-qr-generator";

const search = "google.com";

generateQRCode(search, (error, qrCodeURL) => {
    if (error) {
        console.error('Error generating QR code:', error);
    } else {
        console.log('QR code URL:', qrCodeURL);
    }
});

ReactJs

import { useState } from "react";
import { generateQRCode } from "csway-qr-generator";

const QRCodeGenerator = () => {
  const [qrCodeData, setQRCodeData] = useState(null);
  const [searchText, setSearchText] = useState("");

  const handleSearch = () => {
    generateQRCode(searchText, (error, imageData) => {
      if (error) {
        console.error("Error generating QR code:", error);
      } else {
        setQRCodeData(imageData);
      }
    });
  };

  return (
    <div>
      <input
        type="text"
        value={searchText}
        onChange={(e) => setSearchText(e.target.value)}
        placeholder="Enter text for QR code"
      />
      <button onClick={handleSearch}>Generate QR Code</button>
      {qrCodeData && (
        <div>
          <img src={`data:image/png;base64,${qrCodeData}`} alt="QR Code" />
        </div>
      )}
    </div>
  );
};

export default QRCodeGenerator;