QrCode
A QR code of a value, dark on a light plate.
Group: Media · Kind: native
Preview
Section titled “Preview”example
level · H · size 120
Platforms
Section titled “Platforms”The same specimen painted by React, SwiftUI, Compose and gpui.
Variants
Section titled “Variants”level · L
level · M
level · Q
level · H
| Prop | Type | Required | Bindable | Description |
|---|---|---|---|---|
value |
string |
yes | yes | The text to encode. |
size |
number |
– | – | Edge in px. Default 160. |
level |
L | M | Q | H |
– | – | Error correction. Default "M". |
label |
string |
– | – | A caption under it and its accessibility label. |
Events
Section titled “Events”None.
None.
Children
Section titled “Children”none
A2UI basic mapping
Section titled “A2UI basic mapping”No basic catalog component maps here.
Built from
Section titled “Built from”A native component: every renderer paints it directly.
Accessibility
Section titled “Accessibility”Role: img
img named by label; without a label the code is decorative (hidden); never focusable
Not focusable; no keys.
Theming
Section titled “Theming”Recipe parts: QrCode/root QrCode/plate QrCode/module QrCode/label
Keyed by: level :hover :pressed :focus :disabled :checked :open :selected :invalid :dragover
Related
Section titled “Related”Image · ZoomableImage · Icon · Video · AudioPlayer · Avatar · Carousel · Mosaic