```meta
title: @button — um link desenhado como botão
description: O que o leitor deve fazer em seguida, como um botão que funciona nas páginas e nos e-mails.
```

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

# @button

Um link desenhado como botão: o que o leitor deve fazer em seguida. Funciona nas páginas e nos e-mails — numa newsletter, é o botão que todo programa de e-mail desenha.

## Ao vivo

```@button to:/@docs/blocks
Ver todos os blocos
```

~~~text
```@button to:/@docs/blocks
Ver todos os blocos
```
~~~

## Para fora do site

`to:` aceita um caminho deste site ou um endereço `https://`.

```@button to:https://example.com/encomendas
Fazer uma encomenda
```

~~~text
```@button to:https://example.com/encomendas
Fazer uma encomenda
```
~~~

## Argumentos

- `to` — para onde vai: um caminho deste site (`/@ana/menu`) ou um endereço `https://`. Obrigatório.
- O corpo é o texto do botão.

Numa página, um link comum também vira botão: `[Fazer uma encomenda](https://example.com){primary}`. O `@button` é a forma que funciona igual num e-mail.