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

Limitations

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