Solid-qr NPM | npm.io

Installation

yarn add solid-qr

pnpm add solid-qr

npm i solid-qr

import SolidQR from "solid-qr"
// or
import { SolidQR } from "solid-qr"

const Example = () => {
  return <SolidQR text="Hello World"/>
}

The solid-qr component receives the same props as a regular img would, plus two custom ones used to generate the QR code.

Key	Type	Default	Description
`version`	number		QR Code version ranging from 1 to 40. If not specified the more suitable value will be calculated.
`errorCorrectionLevel`	`low \\| medium \\| quartile \\| high`	`medium`	QR Code error correction level
`maskPattern`	`1 \\| 2 \\| 3 \\| 4 \\| 5 \\| 6 \\| 7`		Mask pattern used to mask the symbol. If not specified the more suitable value will be calculated.
`margin`	`number`	`2`	Define how much wide the quiet zone should be.
`scale`	`number`	`4`	Scale factor. A value of 1 means 1px per modules (black dots).
`width`	`number`	`512`	Forces a specific width for the output image.If width is too small to contain the qr symbol, this option will be ignored.Takes precedence over `scale`.
`color.dark`	`string`	`#000000ff`	Color of dark module. Value must be in hex format (RGBA).
`color.light`	`string`	`#ffffffff`	Color of light module. Value must be in hex format (RGBA).

3 years ago

3 years ago

3 years ago

3 years ago