UNPKG

qrcode-react

Version:

React component to generate QRCode with logo

38 lines (28 loc) 1.04 kB
# qrcode-react A React component to generate [QRCode](http://en.wikipedia.org/wiki/QR_code) with logo. Inspired by [zpao/qrcode.react](https://github.com/zpao/qrcode.react), also support chinese. ## Installation ```sh npm install qrcode-react ``` ## Usage ```js 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` <img src="qrcode.png" height="256" width="256">