> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-es/experience-components/ax-text-block.md).

# AX - Bloque de texto

## Resumen

**AX - Bloque de texto** es un componente de Experience Cloud que muestra contenido de texto formateado con capacidades de edición de texto enriquecido en las páginas de Experience Sites.

Úsalo para añadir párrafos, encabezados, texto formateado, listas o cualquier contenido escrito a las páginas de tu portal. Da estilo al texto con fuentes, colores, alineación y formato usando el editor de texto enriquecido en Experience Builder.

Perfecto para descripciones de páginas, texto de ayuda, contenido de políticas, instrucciones, anuncios o cualquier lugar donde tu portal necesite contenido de texto formateado.

{% hint style="success" %}
El Avonni Text Block es un [Componente de datos reactivo](/experience-cloud/experience-cloud-es/primeros-pasos/reactive-components.md)
{% endhint %}

## **Uso del componente Avonni Text Block**

### **Añadir el componente**

* Dentro de Experience Builder para tu sitio de Experience Cloud, navega hasta la página o sección donde deseas añadir el Avonni Text Block.
* Localiza el componente Avonni Text Block en el panel de componentes y arrástralo hasta la posición deseada en tu página.

### **Configuración del editor de texto**

* Después de colocar el componente, aparecerá el área de configuración "Editor de texto".
* **Introduce tu texto:** Empieza a escribir el contenido que deseas mostrar. El editor de contenido de texto enriquecido dentro de la sección Editor de texto ofrece una funcionalidad familiar de procesamiento de texto, proporcionándote herramientas como:
  * **Formato:** Negrita, cursiva, subrayado
  * **Niveles de encabezado:** Elige entre varios tamaños de encabezado (H1, H2, H3, etc.)
  * **Listas con viñetas y numeradas**
  * **Enlaces:** Añade hipervínculos para dirigir a los usuarios a otras páginas o recursos.

## Personalización del aspecto

El componente Avonni Text Block ofrece una serie de ajustes de apariencia para personalizar la presentación visual del contenido de tu texto. Estas configuraciones te permiten reemplazar los valores predeterminados del sitio, lo que te permite adaptar el aspecto y la sensación del componente para resaltar o mantener la coherencia de la marca.

### **Configuración del texto**

* **Color:** Determina el color de tu texto para lograr un contraste y una legibilidad óptimos. Una herramienta de selección de color suele facilitar esta elección.
* **Tamaño de fuente:** Controla el tamaño de tu texto; generalmente expresado en píxeles (px) o em, esta configuración afecta directamente a si los usuarios encuentran tu texto fácil de leer..
* **Estilo de fuente:** Aplica variaciones como cursiva o inclinada a tu texto (*Nota: no todas las fuentes incluyen variantes en cursiva o inclinada*).
* **Familia tipográfica:** Elige entre una selección de fuentes seguras para la web para definir el carácter visual general de tu texto.
* **Peso de fuente:** Ajusta el grosor de tu texto utilizando opciones como ligero, normal, negrita o valores numéricos de font-weight.

### **Configuración del fondo**

* **Color:** Establece el color de fondo detrás de tu bloque de texto. Considera el contraste para la usabilidad; utilízalo estratégicamente para resaltar contenido importante.

## **Consideraciones importantes**

* **Anulaciones:** Recuerda que estos ajustes de apariencia dentro del componente Avonni Text Block tendrán prioridad sobre cualquier estilo predeterminado establecido dentro de tu sitio de Experience Cloud.
* **Legibilidad:** Prioriza siempre la legibilidad durante la personalización. Los buenos contrastes y los tamaños de fuente precisos son clave.
* **Alineación con la marca:** Esfuérzate por asegurarte de que tus elecciones de apariencia se ajusten al esquema general de marca de tu sitio


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-es/experience-components/ax-text-block.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.