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

!image

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

`js

`

`html



`

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.