@drblaster/svelte-qrcode NPM

Svelte QrCode

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

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

Local demo:

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

An example of how to use the library:

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

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

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"`
foreground	String	Foreground color of the QR code	`"#000000"`
level	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	`""`

Download stats for this NPM package

Svelte Adress Autocomplete is open source software licensed as MIT.

3 years ago