shadow
A code consisting of an array of black and white squares that is typically used to store URLs or other information for the camera on a smartphone to read. These qr codes can be easily customised using different attributes.
To use the QR component, include it in the HTML with the required attributes.
Description | The value to be encoded into the QR code. |
Attribute | value |
Type | string |
Default | "empty value" |
Description | QR code background colour. |
Attribute | background |
Type | string |
Default | undefined |
Description | QR code background transparency (0-1). |
Attribute | backgroundAlpha |
Type | number |
Default | undefined |
Description | Foreground colour of the QR code. |
Attribute | foreground |
Type | string |
Default | undefined |
Description | QR code foreground transparency (0-1). |
Attribute | foregroundAlpha |
Type | number |
Default | undefined |
Description | QR code error correction level (L, M, Q, H). |
Attribute | level |
Type | string |
Default | undefined |
Description | Internal QR code offset in pixels. |
Attribute | padding |
Type | number |
Default | undefined |
Description | QR code size in pixels. |
Attribute | size |
Type | number |
Default | undefined |
No events available for this component.
No public methods available for this component.
Name | Description |
---|
native | Refers to the canvas inside the element. |
No CSS custom properties available for this component.
Name | Description |
---|
top | Slot for content at the top of the QR code. |
bottom | Slot for content at the bottom of the QR code. |