```meta
title: @qr — um QR code desta página ou de outro endereço
description: Um QR code para a mesa, o slide, o cartaz ou o cartão — escuro sobre branco em qualquer tema, para a câmera ler.
```

_flows.md · documentação · [Blocos](/@docs/blocks)_

# @qr

Um QR code desta página ou de outro endereço — para uma mesa, um slide, um cartaz, um cartão. Escuro sobre branco qualquer que seja o tema, para a câmera ler.

## Ao vivo

Sem `to:`, o código abre a página em que está:

```@qr label:"Abra esta página no celular"
```

~~~text
```@qr label:"Abra esta página no celular"
```
~~~

## Variações

:::grid min:14 cols:3
```@qr to:https://example.com/cardapio label:"Cardápio" size:small
```
---
```@qr to:https://example.com/cardapio label:"Pontos redondos" size:small shape:dots
```
---
```@qr to:https://example.com/cardapio label:"Com cor" size:small shape:rounded color:#312e81 eye:#4f46e5
```
:::

~~~text
```@qr to:https://example.com/cardapio label:"Cardápio" size:small
```

```@qr to:https://example.com/cardapio label:"Pontos redondos" size:small shape:dots
```

```@qr to:https://example.com/cardapio label:"Com cor" size:small shape:rounded color:#312e81 eye:#4f46e5
```
~~~

## Argumentos

- `to` — o que o código abre: um caminho deste site ou um endereço `https://`. Sem ele, esta página.
- `label` — uma linha embaixo, dizendo o que ele abre.
- `size` — `small`, `medium` (o padrão) ou `large`. Impresso, sai nítido em qualquer tamanho.
- `shape` — `square`, `dots` ou `rounded`; os três quadrados dos cantos ficam quadrados.
- `color`, `background`, `eye` — as cores, em `#rrggbb`. Uma cor clara demais para ler é recusada, com o motivo.
- `logo` — `brand` põe a marca do site no meio.