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.