the-qr v2.1.3

the-qr

QRCode the-component

Installation

$ npm install the-qr --save

Usage

Live Demo is hosted on GitHub Page

'use strict'

import React from 'react'
import { TheQr, TheQrStyle } from 'the-qr'
import { TheSpinStyle } from 'the-spin'

class ExampleComponent extends React.PureComponent {
  render () {
    return (
      <div>
        <TheSpinStyle/>
        <TheQrStyle/>
        <TheQr text={null}></TheQr>

        <TheQr text={'Some URL'}
               onError={ (err) => console.error('Failed with error:', err)}
               onGenerate={ (url) => console.log('Image generated:', url)}
        ></TheQr>

        <br/>

        <TheQr text={'Some URL as Link'}
               onError={ (err) => console.error('Failed with error:', err)}
               onGenerate={ (url) => console.log('Image generated:', url)}
               asLink
        ></TheQr>

        <TheQr text={'With display size'}
               displaySize={24}
               onError={ (err) => console.error('Failed with error:', err)}
               onGenerate={ (url) => console.log('Image generated:', url)}
               asLink
        ></TheQr>
      </div>

    )
  }
}

export default ExampleComponent

Components

TheQr

QRCode the-component

Props

TheQrStyle

Style for TheQr

Props

License

This software is released under the MIT License.

Links

• THE Labo