React Google QR Code

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

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