QR Code (display)

A display control that renders a QR code image from static text or a dynamically synced value — useful for sharing URLs, connection strings, or codes on screen. (This is unrelated to pairing this device to a live editing session, which uses the camera scanner, not this control.)

Type

"qrCode"

Relevant Fields

Inherits all Control Definition. Key fields:

Field Type Default Description
label string falls back to id Label below the QR code
text string — Static content to encode (overridden by sync)
tint color "#FFFFFF" QR code foreground color
style string "default" "default" (square modules) or "rounded"
correctionLevel string "M" Error correction level: "L", "M", "Q", "H"
hideBackground bool false Remove glass card background

Examples

Wi-Fi sharing QR code

{
  "type": "qrCode",
  "id": "wifi-qr",
  "position": [0, 0],
  "span": [2, 2],
  "label": "Guest Wi-Fi",
  "text": "WIFI:T:WPA;S:GuestNetwork;P:welcome123;;",
  "tint": "#FFFFFF",
  "style": "rounded",
  "correctionLevel": "H"
}