ReactJs Qrcode generator library

Naim Malek — Fri, 19 Nov 2021 16:30:34 +0000

reactjs-qrcode-generator

reactjs-qrcode-generator is a clean and simple QRcode generator library for reactJS.

Install

npm install --save reactjs-qrcode-generator

Demo https://naimmalek.github.io/reactjs-qrcode-generator-demo/

Usage

import React, { Component } from 'react'

import {ReactQrcode} from 'reactjs-qrcode-generator'

class Example extends Component {
  render() {
    return <ReactQrcode qrvalue={qrvalue} size={size} level={1} />
  }
}

Parameters

Attribute	Type	Default	Description
level	Number	1	QR ECC level (1, 2, 3, 4)
qrvalue	String	This is Qrcode	Your String
size	Number	200	(Width/Height value)

Ecc level description

Level	Description
1	low
2	medium
3	quartile
4	high

License

MIT © naimmalek

Angular10 Qrcode generator library lightweight

Naim Malek — Fri, 08 Nov 2019 18:34:21 +0000

an-qrcode

an-qrcode is Angular6-10 QR Code library to generate QR Codes in Angular 6/7/8/9/10 app.

Demo App

You can find demo app here
github.com/naimmalek/an-qrcode-sample-app.

npm url an-qrcode

Installation

# Angular 6/7/8/9/10
npm install an-qrcode --save

Basic Usage

Import the module and add it to your imports section in your main AppModule:

// Main Module File: app.module.ts
import { AnQrcodeModule } from 'an-qrcode';

@NgModule({
declarations: [
  AppComponent
],
imports: [
  AnQrcodeModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

Examples: an-qrcode

Generate a QR Code from a string

here is sample code for generate qrcode

<qrcode [level]="1" [qrvalue]="'QR Code String'"></qrcode>

Parameters

Attribute	Type	Default	Description
level	Number	1	QR ECC level (1, 2, 3, 4)
qrvalue	String	''	Your String
width	Number	200	Width (any value)
height	Number	200	Height (any value)

Naim Malek (naimmalek.github.io)

DEV Community: Naim Malek

ReactJs Qrcode generator library

reactjs-qrcode-generator

Install

Usage

Parameters

Ecc level description

License

Angular10 Qrcode generator library lightweight

an-qrcode

Demo App

Installation

Basic Usage

Import the module and add it to your imports section in your main AppModule:

Examples: an-qrcode

Generate a QR Code from a string

Parameters