qrcode-react

A React component to generate QRCode with logo. Inspired by zpao/qrcode.react, also support chinese.

Installation

npm install qrcode-react

Usage

var React = require('react');
var ReactDOM = require('react-dom');
var QRCode = require('qrcode-react');

ReactDOM.render(
  <QRCode value="http://facebook.github.io/react/" />,
  mountNode
);

Available Props

prop | type | default value -------------|----------------------|----------------------------------- value | string | http://facebook.github.io/react/ size | number | 128 bgColor | string (CSS color) | "#FFFFFF" fgColor | string (CSS color) | "#000000" logo | string (URL / PATH)| logoWidth | number | size * 0.2 logoHeight | number | Proportional scaling to logoWidth onClick | function | className | string |