Svelte Qrious

A Svelte wrapper around QRious, a qr code generator

Svelte QRious Component

Svelte QRious is a wrapper around QRious, a pure JavaScript library for generating QR codes using HTML5 canvas. It is a Svelte Component.

Install
Usage
Settings
Bugs
License

Install

$ npm i @phippsytech/svelte-qrious

If you are using this in SvelteKit, check this issue about additional configuration required in your vite.config.js

Usage

<script>
import {QRious} from  '@phippsytech/svelte-qrious';
</script>

<QRious  value="https://svelte.dev" />

Settings

You can control many aspects of the QR code using the following attributes:

Field	Type	Description	Default
background	String	Background color of the QR code	`"white"`
backgroundAlpha	Number	Background alpha of the QR code	`1.0`
foreground	String	Foreground color of the QR code	`"black"`
foregroundAlpha	Number	Foreground alpha of the QR code	`1.0`
level	String	Error correction level of the QR code (L, M, Q, H)	`"H"`
padding	Number	Padding for the QR code (pixels)	`null` (auto)
size	Number	Size of the QR code (pixels)	`100`
value	String	Value encoded within the QR code	`""`

<QRious
    value="https://github.com/phippsytech/svelte-qrious"
    background="green"
    backgroundAlpha=0.8
    foreground="blue"
    foregroundAlpha=0.8
    level="H"
    padding=25
    size=500
/>

Bugs

If you have any problems with the Svelte QRious component raise an issue here.

License

See LICENSE.md for more information on our GPLv3 license.

Top categories