# QRCode (/docs/products/dash-dots/reference/components/qr-code)

The code is always dark on light, even in dark mode. Keep `value` short: a long text makes a dense code that's harder to scan.

**Children:** Nothing

## Example

![The QRCode component](/assets/images/dash-dots/components/qr-code.webp)

```xml title="view.dml"
<QRCode value="https://example.com/pay/AC-2041" size="160" label="Payment code AC-2041" />
```

## Props

| Prop    | Type     | What it is                                    |
| ------- | -------- | --------------------------------------------- |
| `value` | `string` |                                               |
| `size`  | `number` | In pixels. Default: `200`.                    |
| `label` | `string` | What screen readers say in place of the code. |

## Events

None.