Home

Awesome

@larscom/ng-qrcode-svg

npm-version npm license

Simple QR code generator (SVG only) for Angular

Demo GIF

Installation

npm install @larscom/ng-qrcode-svg

Usage

  1. Import module QrcodeSvgModule
import { NgModule } from '@angular/core'
import { QrcodeSvgModule } from '@larscom/ng-qrcode-svg'

@NgModule({
  imports: [
    QrcodeSvgModule // import QrcodeSvgModule
  ]
})
export class MyModule {}
  1. Use the qrcode-svg component which will render a QR code in SVG format
<qrcode-svg value="hello world!"></qrcode-svg>

Component Properties

NameDescriptionDefault
@Input() value: stringThe value which need to be encodedundefined
@Input() ecl: 'low' | 'medium' | 'quartile' | 'high'Error correction levelmedium
@Input() borderSize: numberThe padding between the edge and the QR code (quiet zone)2
@Input() size: string | numberThe size of the QR code SVG (css format)250px
@Input() backgroundColor: stringThe 'path' color (background)#FFFFFF
@Input() foregroundColor: stringThe 'rect' color (foreground)#000000
@Input() alt: string | undefinedHTML alt attributeundefined
@Input() ariaLabel: string | undefinedHTML aria-label attributeundefined