react-qart

This is a simple implementation of QArt as React Component. You can visit the demo.

Usage

First of all install react-qart via npm or yarn

npm install react-qart

or

yarn add react-qart

Now you can use it in your React or Preact project(with preact-compat).

import React, { Component} from 'react';
import QArt from 'react-qart';

export default class App extends Component {
  render() {
    return (
      <div>
        <h1>merhaba</h1>
        <QArt
          value="I'm a kitten"
          imagePath="./kidden.jpg"
          filter="color"
        />
      </div>
    )
  }
}

Props

|Field|Type|Description|Default| |-----|----|-----------|-------| |value|String|The data of the QR code.|Required| |imagePath|String|Self hosted image url or relative path to image url|Required| |filter|String|Define an image filter. threshold or color|threshold|

Limitations

• You must use relative path of an image
• You cannot change the size of the generated qr