qrcode-ft

A React component to generate QR code with logo. Inspired by cssivision/qrcode-react.

Square, circle and squircle position markers available.

Installation

npm install qrcode-ft

Usage

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

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

Available Props

prop | type | default value -------------|-----------------------------------------|----------------------------------- value | string | http://facebook.github.io/react/ size | string | "128" displaySize| string | "128" mode | string (square / circle / squircle) | "square" bgColor | string (HEX color code) | "#FFFFFF" fgColor | string (HEX color code) | "#000000" borderPart | number (float) | 0.1 showCenter | bool | false logo | string (URL / PATH) | logoWidth | number | size * 0.18 logoHeight | number | Proportional scaling to logoWidth