Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/binsarjr/svelte-qrcode-action
https://github.com/binsarjr/svelte-qrcode-action
hacktoberfest qr qrcode svelte svelte-qrcode
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/binsarjr/svelte-qrcode-action
- Owner: binsarjr
- Created: 2023-07-22T19:31:13.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-04T15:28:07.000Z (over 1 year ago)
- Last Synced: 2024-11-19T05:04:50.557Z (about 2 months ago)
- Topics: hacktoberfest, qr, qrcode, svelte, svelte-qrcode
- Language: JavaScript
- Homepage: https://svelte-qrcode-action.vercel.app
- Size: 40 KB
- Stars: 4
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# svelte-qrcode-action
I have just converted https://github.com/kozakdenys/qr-code-styling to a Svelte action and added support for reactivity.
You can find the options API documentation for [kozakdenys/qr-code-styling](https://github.com/kozakdenys/qr-code-styling#api-documentation)here
# Example
Simple
```svelte
import { qrcode } from 'svelte-qrcode-action';
```With reactive
```svelte
import { qrcode } from 'svelte-qrcode-action';
import { onMount } from 'svelte';let options = {
data: 'qr content'
};
onMount(() => {
setTimeout(() => {
options.dotsOptions = {
color: '#4267b2',
type: 'rounded'
};
}, 2_000);
});
```# Contributing
need better documentation