JSPM

react.qrcode

1.0.2
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 140
  • Score
    100M100P100Q71561F
  • License MIT

React component to generate QRCode with logo

Package Exports

  • react.qrcode

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react.qrcode) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

qrcode-react

A React component to generate QRCode with logo. Compatible with react 16

Installation

npm install react.qrcode

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