@bloomprotocol/qr-react v3.2.0

QR React

SVG QR Renderer For React

• QR React
  • Installation
  • Usage
  • Props

Installation

npm install --save @bloomprotocol/qr-react

Usage

import { QR } from '@bloomprotocol/qr-react';

const MyComponent: React.FC = (props) => {
  return (
    <QR
      data={{
        url: 'https://bloom.co',
      }}
      height={256}
      width={256}
    />
  );
};

Props

In addition to the custom props outlined below you can provide any extra <svg> props.

Logo Config

import { QR } from '@bloomprotocol/qr-react';

const MyComponent: React.FC = (props) => {
  return (
    <QR
      data={{
        url: 'https://bloom.co',
      }}
      logo={{
        image: 'https://placekitten.com/200/200',
      }}
      height={256}
      width={256}
    />
  );
};