react-google-qrcode

React Component to Generate a Google QR Code

Usage no npm install needed!

<script type="module">
  import reactGoogleQrcode from 'https://cdn.skypack.dev/react-google-qrcode';
</script>

README

React Google QR Code

Version React Downloads License

react-google-qrcode is a React Component to generate a QR code via Google Chart API. screen shot

Installation

$ yarn add react-google-qrcode
or
$ npm install --save react-google-qrcode

Usage

import React, { Component } from 'react';
import QRCode from 'react-google-qrcode';

class App extends Component {
  render() {
    return (
        <div>
          <QRCode
            data="https://www.google.com"
            size={130}
            framed
          />
        </div>
    );
  }
}

Props

Prop Type Required Description Default
data String No The data to encode -
size Number No Image size in pixels (width x height). Min value: 30, Max value: 547 130
framed Boolean No Adds a frame to the image false

Demo

You want to see some examples? Go to Online Demo