# `svelte-qrcode`
[](https://www.npmjs.com/package/svelte-qrcode)
[](https://github.com/JonasJs/svelte-qrcode/blob/master/LICENSE)
[](https://lgtm.com/projects/g/JonasJs/svelte-qrcode/alerts/)
[](https://lgtm.com/projects/g/JonasJs/svelte-qrcode/context:javascript)
QR Code generator for Svelte & SvelteKit
Generate from QR Code with style, logo, and [Error Level Rate](https://blog.qrstuff.com/2011/12/14/qr-code-error-correction) that serve to avoid errors if the `QR Code` is damaged.
## Installation
```
npm i svelte-qrcode
// OR
yarn add svelte-qrcode
```
## Demo [Link](https://svelte-qrcode.now.sh/)
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](https://svelte.dev/repl/e9cee0cfb11c4cd1847e366209e8c907?version=3.22.3)**
```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
[](https://nodei.co/npm/svelte-qrcode/)
## License
Svelte Adress Autocomplete is open source software [licensed as MIT](https://github.com/JonasJs/svelte-qrcode/blob/master/LICENSEE).