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. |