> ## 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.

# Bloques de lista

> Muestra los datos de teléfono, correo electrónico y dirección en tu firma de correo electrónico con bloques de lista, eligiendo el número de elementos por fila, el estilo de los iconos, los divisores y el formato de las etiquetas.

Las listas muestran información estructurada como números de teléfono, direcciones de correo electrónico y ubicaciones de oficinas. Combinan un icono, una etiqueta y un valor en filas limpias y fáciles de leer.

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/signature-editor-canvas.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=277601f9b630813e10eb6fef13e9435b" alt="Lienzo del editor de firma de correo electrónico" 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="Panel de ajustes del bloque de lista con opciones de icono y diseño" title="Panel de ajustes del bloque de lista con opciones de icono y diseño" className="mx-auto" style={{ width:"39%" }} width="696" height="1760" data-path="images/list-block-settings-panel.png" />
</Frame>

## Elementos por fila

Elige entre uno, dos o tres elementos por fila según la cantidad de información que quieras mostrar y el espacio disponible en tu firma.

* **Un elemento por fila**: cada dato en su propia línea. Ideal para listas cortas o cuando la legibilidad es la prioridad.
* **Dos elementos por fila**: empareja la información en paralelo. Útil para ahorrar espacio vertical con 4-6 elementos.
* **Tres elementos por fila**: presentación compacta. Funciona mejor cuando los elementos tienen valores cortos.

## Estilo

Cada elemento de la lista puede mostrarse con un icono junto al texto. Las opciones de estilo del icono son las mismas que las de los [iconos sociales](/es/editor/social-icons):

| Ajuste              | Qué hace                                                                                            |
| ------------------- | --------------------------------------------------------------------------------------------------- |
| **Formato**         | Alterna entre **Icono** (muestra un icono visual) o **Texto** (muestra la etiqueta solo como texto) |
| **Variante**        | Estilo de relleno del icono: **Plano**, **Vacío** o **Trazo**                                       |
| **Forma**           | Forma del contenedor del icono: **Cuadrado** o **Círculo**                                          |
| **Color del icono** | Color del icono                                                                                     |
| **Fondo del icono** | Color de fondo del contenedor del icono                                                             |
| **Tamaño**          | Tamaño del icono en píxeles                                                                         |

## Estilo de texto

Las opciones de fuente, tamaño, color, opacidad, interlineado y formato se aplican al contenido de texto de cada elemento de la lista.

## Disposición

| Ajuste                      | Qué hace                                                                                            |
| --------------------------- | --------------------------------------------------------------------------------------------------- |
| **Espacio entre elementos** | Espacio entre los elementos de la lista                                                             |
| **Espacio de etiqueta**     | Espacio entre una etiqueta (como "Phone") y su valor                                                |
| **Separador**               | Añade una separación visual entre elementos: elige **None**, **Dot**, **Vertical** u **Horizontal** |
| **Color del separador**     | Color del separador cuando hay uno seleccionado                                                     |
| **Relleno**                 | Espacio alrededor de todo el bloque de lista                                                        |

## Etiquetas de lista

Etiquetas como "Phone", "Email" o "Address" aparecen encima o al lado del valor de cada elemento de la lista. Cada etiqueta puede tener su propio enlace y estilo de texto, independiente de los valores de los elementos.

Esto resulta útil cuando quieres que la etiqueta tenga un color o tamaño distinto al del valor. Por ejemplo, una etiqueta en gris claro con un valor en un tono oscuro.

## Artículos relacionados

* [Añadir bloques](/es/editor/add-blocks)
* [Bloques de texto](/es/editor/text-blocks)
* [Panel de estilo](/es/editor/styling-panel)