svelte-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.

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

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.

Top categories

Loading Svelte Themes