svelte-qrcode
svelte-qrcode copied to clipboard
Published
20 hours ago •
JonasJs
JonasJs
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
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.
JonasJs