QR
Update your QR settings.
Background Color
QR Code background color
Foreground Color
QR Code foreground color
Image
(Pro)
{#if !$formData.qrImage && !data.qrImageBase64}
{ e.preventDefault() qrImageInput.click() }}>
{:else}
{ e.preventDefault() qrImageInput.click() }}>
{/if}
Click to edit
{ const file = e.currentTarget.files?.item(0) if (!file) return if (file.size > 2097152) { toast.error('Too Big! Max file size is 2MB') return } $formData.qrImage = file }} />
Corner Square Style
(Pro)
($formData.qrCornerSquareStyle = 'square')} class={cn( 'flex flex-col gap-3 border p-12', $formData.qrCornerSquareStyle === 'square' ? 'bg-primary-foreground' : 'bg-transparent', )}>
Square
($formData.qrCornerSquareStyle = 'dot')} class={cn( 'flex flex-col gap-3 border p-12', $formData.qrCornerSquareStyle === 'dot' ? 'bg-primary-foreground' : 'bg-transparent', )}>
Dot
($formData.qrCornerSquareStyle = 'extra-rounded')} class={cn( 'flex flex-col gap-3 border p-12', $formData.qrCornerSquareStyle === 'extra-rounded' ? 'bg-primary-foreground' : 'bg-transparent', )}>
Rounded
Dot Style
(Pro)
($formData.qrDotStyle = 'square')} class={cn( 'flex flex-col gap-3 border p-12', $formData.qrDotStyle === 'square' ? 'bg-primary-foreground' : 'bg-transparent', )}>
Square
($formData.qrDotStyle = 'rounded')} class={cn( 'flex flex-col gap-3 border p-12', $formData.qrDotStyle === 'rounded' ? 'bg-primary-foreground' : 'bg-transparent', )}>
Rounded
{#if $submitting}
{/if} Save