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
QR Code generator for Svelte & SvelteKit 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:
<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
Need a Svelte website built?
Hire a professional Svelte developer today.