> ## Documentation Index
> Fetch the complete documentation index at: https://help.scribe-mail.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Blocos de lista

> Exiba telefone, e-mail e endereço na sua assinatura de e-mail com blocos de lista, escolhendo itens por linha, estilo dos ícones, divisórias e formatação de rótulos.

As listas exibem informações estruturadas, como números de telefone, endereços de e-mail e localizações de escritórios. Elas combinam um ícone, um rótulo e um valor em linhas limpas e fáceis de ler.

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/signature-editor-canvas.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=277601f9b630813e10eb6fef13e9435b" alt="Editor de assinatura de e-mail" width="3456" height="1930" data-path="images/signature-editor-canvas.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/list-block-settings-panel.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=d77a3bf856526c0f27dc93353a1f3052" alt="Painel de configurações do bloco de lista com opções de ícone e layout" title="Painel de configurações do bloco de lista com opções de ícone e layout" className="mx-auto" style={{ width:"39%" }} width="696" height="1760" data-path="images/list-block-settings-panel.png" />
</Frame>

## Itens por linha

Escolha entre um, dois ou três itens por linha conforme a quantidade de informações que você quer exibir e o espaço disponível na assinatura.

* **Um item por linha**: cada informação em uma linha própria. Ideal para listas curtas ou quando a legibilidade é prioridade.
* **Dois itens por linha**: agrupa informações lado a lado. Bom para economizar espaço vertical com 4 a 6 itens.
* **Três itens por linha**: exibição compacta. Funciona melhor quando os valores dos itens são curtos.

## Estilo

Cada item da lista pode ser exibido com um ícone ao lado do texto. As opções de estilo do ícone são as mesmas dos [ícones sociais](/pt-BR/editor/social-icons):

| Configuração       | O que faz                                                                                       |
| ------------------ | ----------------------------------------------------------------------------------------------- |
| **Formato**        | Alterna entre **Ícone** (exibe um ícone visual) ou **Texto** (exibe o rótulo apenas como texto) |
| **Variante**       | Estilo de preenchimento do ícone: **Sólido**, **Vazado** ou **Contorno**                        |
| **Forma**          | Formato do contêiner do ícone: **Quadrado** ou **Círculo**                                      |
| **Cor do ícone**   | Cor do ícone                                                                                    |
| **Fundo do ícone** | Cor de fundo do contêiner do ícone                                                              |
| **Tamanho**        | Tamanho do ícone em pixels                                                                      |

## Estilo de texto

Fonte, tamanho, cor, opacidade, altura de linha e opções de formatação se aplicam ao conteúdo de texto de cada item da lista.

## Layout

| Configuração      | O que faz                                                                                              |
| ----------------- | ------------------------------------------------------------------------------------------------------ |
| **Item Gap**      | Espaço entre os itens da lista                                                                         |
| **Label Gap**     | Espaço entre um rótulo (como "Phone") e seu valor                                                      |
| **Divider**       | Adiciona um separador visual entre os itens: escolha **None**, **Dot**, **Vertical** ou **Horizontal** |
| **Divider color** | Cor do separador quando algum é selecionado                                                            |
| **Padding**       | Espaço ao redor de todo o bloco de lista                                                               |

## Rótulos da lista

Rótulos como "Phone", "Email" ou "Address" aparecem acima ou ao lado do valor de cada item da lista. Cada rótulo pode ter seu próprio link e estilo de texto, independente dos valores dos itens.

Isso é útil quando você quer que o rótulo tenha uma cor ou tamanho diferente do valor. Por exemplo, um rótulo em cinza claro com um valor escuro.

## Artigos relacionados

* [Adicionar blocos](/pt-BR/editor/add-blocks)
* [Blocos de texto](/pt-BR/editor/text-blocks)
* [Painel de estilo](/pt-BR/editor/styling-panel)