ReactJS - QRCode Generator

ReactJS based QR Code / Barcode Generator.

Table of contents

• Browser Support
• Demo
• Getting started
• Usage
• Available Props
• Want to Contribute?
• Collection of Components
• Changelog
• Credits
• License
• Keywords

Browser Support

83.0 ✔	77.0 ✔	13.1.1 ✔	83.0 ✔	11.9 ✔

Demo

Getting started

Install the npm package:

npm install react-weblineindia-qrcode-generator
#OR
yarn add react-weblineindia-qrcode-generator

Usage

Use the <react-weblineindia-qrcode-generator> component:

import React ,{ Component } from 'react';
import QRCode from "react-weblineindia-qrcode-generator";

class Test extends Component {
    constructor(props) {
    super(props);
    this.state = {
      vData: "https://www.weblineindia.com/",
    };
    render(){
    return (
      <div>
       <QRCode value={this.state.vData} />
      </div>
    )}
}

Available Props

prop	type	default value
value	string
size	number	128
bgColor	string	'#FFFFFF'
fgColor	string	'#000000'
level	string ('L' 'M' 'Q' 'H')	'L'

Want to Contribute?

• Created something awesome, made this code better, added some functionality, or whatever (this is the hardest part).
• Fork it.
• Create new branch to contribute your changes.
• Commit all your changes to your branch.
• Submit a pull request.

---

Collection of Components

We have built many other components and free resources for software development in various programming languages. Kindly click here to view our Free Resources for Software Development

---

Changelog

Detailed changes for each release are documented in CHANGELOG.md.

Credits

react-weblineindia-qrcode-generator is inspired by react-qr-scanner.

License

MIT

Keywords

react-weblineindia-qrcode-generator, react-qrcode, qrcode, qrcode-generator, reactjs-qrcode, react-barcode, barcode-generator