About

Components

sl-qr-code

Preview

Description

QR codes are useful for providing small pieces of information to users who can quickly scan them with a smartphone. Most smartphones have built-in QR code scanners, so simply pointing the camera at a QR code will decode it and allow the user to visit a website, dial a phone number, read a message, etc.

Attributes

Name
Description
Type
Default
background
The background color. This can be any valid CSS color or transparent.
string
'white'
error-correction
The level of error correction to use. qrcode.com/en/about/error_correction.html
'L' | 'M' | 'Q' | 'H'
'H'
fill
The fill color. This can be any valid CSS color.
string
'black'
label
The label for assistive devices to announce. If unspecified, the value will be used instead.
string
''
radius
The edge radius of each module. Must be between 0 and 0.5.
number
0
size
The size of the QR code, in pixels.
number
128
value
The QR code’s value.
string
''

Parts

Name
Description
CSS
base
The component’s base wrapper.

About

Components

Made byleverallinNordcraftusing Shoelace package ❤️