```meta
title: @links — os botões de uma página de links
description: Botões da largura da página, um por linha, com um em destaque, notas, miniaturas e links que saem sozinhos numa data.
```

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

# @links

Botões da largura da página, um por linha — o corpo de uma página de links. Um `* ` na frente destaca um deles.

## Ao vivo

```@links
* [Encomendar uma peça](https://example.com/encomendas)
[Ver o catálogo](https://example.com/catalogo) 40 peças, com preços
Na feira
[Feira de Porto Azul](https://example.com/feira) sábado, das 9h às 14h
[O forno que eu uso](https://example.com/forno){sponsored}
```

~~~text
```@links
* [Encomendar uma peça](https://example.com/encomendas)
[Ver o catálogo](https://example.com/catalogo) 40 peças, com preços
Na feira
[Feira de Porto Azul](https://example.com/feira) sábado, das 9h às 14h
[O forno que eu uso](https://example.com/forno){sponsored}
```
~~~

O texto depois do link é a nota embaixo dele. Uma linha só de texto é um título de seção. `{sponsored}` marca um link pago ou de afiliado, com a palavra visível.

## Estilo e prazo

`style:` e `shape:` trocam o botão do tema só neste bloco. `until:` tira um link da página sozinho depois de um dia, e `from:` só o mostra a partir de um.

```@links style:outline shape:pill
[Inscrições da oficina](https://example.com/oficina) até 30 de dezembro until:2030-12-30
[Lista de espera](https://example.com/espera)
```

~~~text
```@links style:outline shape:pill
[Inscrições da oficina](https://example.com/oficina) até 30 de dezembro until:2030-12-30
[Lista de espera](https://example.com/espera)
```
~~~

## Argumentos

- `style` — `filled`, `outline` ou `soft`.
- `shape` — `square`, `rounded` ou `pill`.

Acima deles, um [@profile](/@docs/blocks/profile).