Svelte components for VK-style QR codes.
npm i @sveltevk/qr
<script>
import { Qr } from '@sveltevk/qr';
</script>
<Qr text="Text to encode" qrSize={256} isShowLogo />
text
required String to generate a QR code
<script>
import { QrWiFi } from '@sveltevk/qr';
</script>
<QrWiFi ssid="SSID" password="password" authType="WPA" />
-
ssid
: Network SSID. Required. Enclose in double quotes if it is an ASCII name, but could be interpreted as hex (i.e."ABCD"
) -
authType
: Authentication type. Can beWEP
orWPA
orWPA2-EAP
, ornopass
for no password. Or, omit for no password -
password
: Password, ignored ifauthType="nopass"
(in which case it may be omitted). Enclose in double quotes if it is an ASCII name, but could be interpreted as hex (i.e."ABCD"
) -
hide
: Optional. True if the network SSID is hidden. Note this was mistakenly also used to specify phase 2 method in releases up to 4.7.8 / Barcode Scanner 3.4.0. If not a boolean, it will be interpreted as phase 2 method (see below) for backwards-compatibility -
eap
: (WPA2-EAP only) EAP method, likeTTLS
orPWD
-
anonIdentity
: (WPA2-EAP only) Anonymous identity -
identity
: (WPA2-EAP only) Identity -
phase2
: (WPA2-EAP only) Phase 2 method, likeMSCHAPV2
An options object containing any custom settings that you want to apply to the generated QR code. The possible options are:
-
qrSize
: Size of QR code. Default is 128 -
className
orclass
: Class name of root SVG element -
isShowLogo
: Show VK logo in center of QR code Default is false -
isShowBackground
: Show QR background. Default is false -
backgroundColor
: QR code background HEX color. Works ifisShowBackground
is enabled. Default is "#ffffff" -
foregroundColor
: QR code HEX color -
logoColor
: Color of logo. Default is "#4680c2" -
logoData
: Reference to logo as a reference IRI -
suffix
: SVG elements id postfix -
ecc
: ECC level in range [0-3] (0 - low, 3 - high)