colube-qrcode

Svelte QrCode

Generate from QR Code with style, logo, and Error Level Rate that serve to avoid errors if the QR Code is damaged.

Installation

npm i svelte-qrcode
// OR
yarn add svelte-qrcode

Demo Link

Local demo:

git clone https://github.com/JonasJs/svelte-qrcode.git
cd svelte-qrcode
yarn install && yarn start

Examples

An example of how to use the library:

Example Repl

<script>import QrCode from "svelte-qrcode"</script>

<div class="container">
  <QrCode value="https://github.com/" />
</div>

Properties

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

Prop	Type	Description	Default
background	String	Background color of the QR code	"#FFFFFF"
color	String	Foreground color of the QR code	"#000000"
errorCorrection	String	Error correction level of the QR code (L, M, Q, H)	"L"
padding	Number	Padding for the QR code (pixels)	0
size	Number	Size of the QR code (pixels)	200
value	String	Value encoded within the QR code	""

NPM Statistics

Download stats for this NPM package

License

Svelte Adress Autocomplete is open source software licensed as MIT.