react-qr-code


A component for React. This library works with React and React Native
(using React Native SVG).

$3

#### Web

#### Android & iOS

$3

``
npm i react-qr-code
`

When using this library with React Native, you will also need to have react-native-svg installed.

`
npm i react-native-svg
cd ios && pod install
`

$3

`javascript
import React from "react";
import ReactDOM from "react-dom";
import QRCode from "react-qr-code";

ReactDOM.render(, document.getElementById("Container"));
`

Note: If the QR code is likely to appear next to dark objects, you will need to wrap it in a light-colored container to preserve the 'quiet zone', e.g.

`javascript


`javascript
// Can be anything instead of maxWidth that limits the width.


| prop | type | default value | platform |
| --------- | ---------------------------- | ------------- |-------------------|
| bgColor | string | '#FFFFFF' | web, ios, android |
| fgColor | string | '#000000' | web, ios, android |
| level | string ('L' 'M' 'Q' 'H') | 'L' | web, ios, android |
| size | number | 256 | web, ios, android |
| title | string | | web |
| value | string | | web, ios, android |

Adheres to the official QR spec and can store up to 2953 characters in value`.

$3

MIT