sm-qr
Anchored QR overlay. Composed of: ZStack(QR image + optional center-logo). Deeplink payload includes channelId, segmentId, and playhead position so a phone scan resumes context on the merchant app.
Responsive Preview — viewport @media queries
Mobile · 375 px
Tablet · 768 px
Desktop · 1280 px
Container Tier (SM widget responsive system)
Container width
Live Preview (chrome-mode, container-tier knobs)
DSL usage
Attributes
| Name | Type | Default | Description |
|---|---|---|---|
deeplink-base | URL | — | Base URL for the QR payload |
channel-id | String | — | Stable channel identifier |
position | Token | bottom-right | top-left | top-right | bottom-left | bottom-right |
size | Token | medium | small | medium | large |
ttl | Seconds | 30 | Payload validity in seconds |
rotate-on-segment-change | Boolean | false | Re-encode when the active segment changes |