qrcode-react

v0.1.16
React component to generate QRCode with logo
react qrcode logo

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
npm i qrcode-react

Metadata

  • MIT
  • Whatever
  • sivision.chen
  • released 1/10/2018

Downloads

Maintainers