JavaScript Shell
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.scripts
.storybook
src
.babelrc
.eslintrc
.gitignore
.npmignore
CONTRIBUTING.md
LICENSE
README.md
package.json

README.md

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