Skip to content

BatuhanK/react-qart

Repository files navigation

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>
    )
  }
}

result

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