https://github.com/gera2ld/qrcanvas-react

A QRCode component for use with ReactJS
https://github.com/gera2ld/qrcanvas-react

Last synced: over 1 year ago
JSON representation

A QRCode component for use with ReactJS

• Host: GitHub
• URL: https://github.com/gera2ld/qrcanvas-react
• Owner: gera2ld
• License: mit
• Created: 2016-09-04T04:23:15.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2020-03-31T14:43:16.000Z (over 6 years ago)
• Last Synced: 2025-03-28T17:11:43.683Z (over 1 year ago)
• Language: JavaScript
• Homepage: https://gera2ld.github.io/qrcanvas-react/
• Size: 30.3 KB
• Stars: 3
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# qrcanvas-react

![NPM](https://img.shields.io/npm/v/qrcanvas-react.svg)

![License](https://img.shields.io/npm/l/qrcanvas-react.svg)

![Downloads](https://img.shields.io/npm/dt/qrcanvas-react.svg)

This a QRCode component for use with ReactJS, based on [qrcanvas](https://github.com/gera2ld/qrcanvas).

## Installation

``` sh

$ yarn add qrcanvas-react

```

## Usage

```javascript

import { QRCanvas } from 'qrcanvas-react';

import ReactDOM from 'react-dom';

const options = { data: 'hello, world' };

ReactDOM.render(, document.getElementById('app'));

```

`options` is passed to [qrcanvas](https://github.com/gera2ld/qrcanvas). For more details, see [qrcanvas docs](https://github.com/gera2ld/qrcanvas/wiki).

See [more examples](https://gera2ld.github.io/qrcanvas-react/).