> ## Documentation Index
> Fetch the complete documentation index at: https://docs.equa.cc/llms.txt
> Use this file to discover all available pages before exploring further.

# Gateway QR Code Display

> Gateway-only design pattern reference for .qr-wrap

# 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

| Field          | Value                                                                                                |
| -------------- | ---------------------------------------------------------------------------------------------------- |
| CSS selector   | `.qr-wrap`                                                                                           |
| Source file    | `equabot-gateway/ui/src/styles/components.css`                                                       |
| Storybook docs | [Gateway-only patterns](http://localhost:6006/?path=/docs/design-system-gateway-only-patterns--docs) |

## 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](/architecture/design-system).