raineorshine / react-qart

qart.js component for React

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