# XWUIBarcodeQRCode

Canonical QR code component (chart tier). Real QR Code Model 2 encoder with Reed-Solomon error correction — versions 1–40, EC levels L/M/Q/H, optional center icon, quiet-zone margin.

## Basic Usage

URL encoded with default M error correction.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: URL encoded with default M error correction.
```

## Simple

Compact 120×120 QR.

```example
file: examples/simple.ts
html: examples/simple.html
title: Simple
description: Compact 120×120 QR for https://xwui.dev.
```

## Branded colors

Custom foreground/background colors and a larger size.

```example
file: examples/ColoredQRCode.ts
html: examples/ColoredQRCode.html
title: Branded colors
description: Custom foreground/background colors and a larger size for a branded QR tile.
```

## Branded Colors (WiFi)

WIFI provisioning string with brand colors and high EC.

```example
file: examples/BrandedColors.ts
html: examples/BrandedColors.html
title: Branded Colors (WiFi)
description: Custom foreground / background and high-correction level with a WIFI: payload.
```

## WiFi Join

A café table-tent QR encoding the standard WIFI: provisioning string.

```example
file: examples/WifiJoin.ts
html: examples/WifiJoin.html
title: WiFi Join
description: Brand-coloured QR that joins guests to the café WiFi on scan.
```

## Error-correction levels

L / M / Q / H side by side.

```example
file: examples/ErrorCorrection.ts
html: examples/ErrorCorrection.html
title: Error-correction levels
description: L / M / Q / H - higher levels add redundancy so the code survives more damage.
```

## Error Correction Levels (captioned)

Same payment URL at every EC level with recovery notes.

```example
file: examples/ErrorCorrectionLevels.ts
html: examples/ErrorCorrectionLevels.html
title: Error Correction Levels (captioned)
description: The same payment URL encoded at all four correction levels (L/M/Q/H) with recovery notes.
```

## Contact vCard

Business-card QR with Quartile error correction.

```example
file: examples/ContactVCard.ts
html: examples/ContactVCard.html
title: Contact vCard
description: Saves name, title, phone and email in one scan.
```

## vCard Contact (with logo)

vCard + brand color + center logo.

```example
file: examples/VCardContact.ts
html: examples/VCardContact.html
title: vCard Contact (with logo)
description: vCard payload with brand color and a center logo; high correction keeps it scannable.
```

## With Icon And Error Correction

Center logo overlay + high EC.

```example
file: examples/WithIconAndErrorCorrection.ts
html: examples/WithIconAndErrorCorrection.html
title: With Icon And Error Correction
description: Center logo overlay + high EC.
```

## 3D logo + accent theme

Accent-token QR ink with a live colorful 3D XWUI logo overlay.

```example
file: examples/Logo3DAccent.ts
html: examples/Logo3DAccent.html
title: 3D logo + accent theme
description: Modules follow --accent-primary / --bg-primary; centre mark is the orbiting XWUILogo 3D brand.
```

```api
```