QR Code
A dependency-free QR code encoder and SVG renderer with error-correction levels, rounded or dot modules, styled finders, a centre glyph knock-out and SVG download.
Preview
v5 · 37×37 · mask 5
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | string | — | Text or URL (UTF-8, byte mode, up to 271 bytes at L). |
| ecc | "L" | "M" | "Q" | "H" | "M" ("H" with a glyph) | Error correction: 7, 15, 25 or 30% of codewords recoverable. |
| moduleStyle | "square" | "rounded" | "dot" | "rounded" | Shape of the data modules. |
| finderStyle | "square" | "rounded" | "rounded" | Shape of the three corner patterns. |
| accentFinders | boolean | false | Ember finder centres. |
| glyph / glyphSize | ReactNode / number | — / 0.22 | A centre mark over a knocked-out area (share of the side, max 0.3). |
| margin | number | 4 | Quiet zone in modules. |
| tone | "fixed" | "theme" | "fixed" | fixed keeps dark-on-light in both themes; theme inverts in dark mode. |
| label | string | "QR code: {value}" | Accessible name of the SVG. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.