react-halftone-qrcode

A React component to generate halftone QR codes with image.

Usage no npm install needed!

<script type="module">
  import reactHalftoneQrcode from 'https://cdn.skypack.dev/react-halftone-qrcode';
</script>

README

react-halftone-qrcode

A React component to generate Halftone QRCode with image. Inspired by Lachlan Arthur

Installation

react-halftone-qrcode

Usage

import React from "react";
import ReactDOM from "react-dom";
import HalftoneQRCode from "../src/index";

ReactDOM.render(
<HalftoneQRCode src="./catpaw-bw.jpg" text="https://github.com/fangj/react-halftone-qrcode"/>,
document.getElementById("root")
);

Available Props

prop type default value
text string https://github.com/fangj/react-halftone-qrcode
src string
colorLight string (CSS color) "#FFFFFF"
colorDark string (CSS color) "#000000"
size number 246