Skip to main content

Gateway QR Code Display

Last Verified: 2026-05-20 | Storybook source: equa-patternlib-nextjs/stories/GatewayOnlyPatterns.mdx

Purpose

Dashed pairing-code container for gateway node/device QR setup.

Source

FieldValue
CSS selector.qr-wrap
Source fileequabot-gateway/ui/src/styles/components.css
Storybook docsGateway-only patterns

Figma

UNVERIFIED — requires Figma frame assignment.

Screenshots

The gateway-only pattern is not in Storybook. Store verified captures under /images/design-system/components/gateway-qr-code-display/ when captured from the gateway UI or Figma export.

Usage Notes

  • Keep this pattern gateway-local until a second product surface needs it.
  • Promote to Storybook only when the pattern becomes reusable across product surfaces.
  • Record any promoted component in Design System Reference.