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