Nexus – Elemento: Text

¿Qué es?

Text es un componente de tipo Display. Permite mostrar texto estático o dinámico con formato, usando sintaxis Markdown. Al arrastrarlo al lienzo viene con un contenido de ejemplo precargado (título, texto con negrita y link, y una lista).

Propiedades

Al seleccionar Text en el lienzo, el panel derecho muestra “Properties of Text” con las siguientes opciones:

  • Component ID: identificador único del componente, autogenerado (ej. txt_aef2f592).
  • Visibility → Hidden on load: casilla para que el componente esté oculto al cargar la pantalla. Puede mostrarse luego mediante una acción de tipo Show (ver Events & Actions).
  • Content (Markdown): campo de texto donde se escribe el contenido usando sintaxis Markdown (títulos con #, negrita con **texto**, links con [texto](url), listas con -, etc.).
  • Variant: menú desplegable que define el estilo tipográfico del texto. Opciones: Heading 1, Heading 2, Heading 3, Body, Caption.
  • Align: menú desplegable que define la alineación del texto. Opciones: Left, Center, Right.
  • Color: selector de color para el texto, con paleta visual y campos numéricos R / G / B para definir el color de forma manual.
  • Style → Custom Class: campo para asignar una clase CSS personalizada.
  • Style → Custom Style: campo de texto para CSS personalizado aplicado directamente a este componente.
  • Delete Component: elimina el componente del lienzo.
  • Events & Actions: sistema para definir comportamientos interactivos. Ver documentación aparte: Nexus – Events & Actions .

Ejemplo de uso

El contenido se escribe en Markdown dentro de Content. Por ejemplo:

markdown

# Bienvenido a Nexus
Con este componente podés escribir texto con **negrita**, *cursiva* y enlaces, como este a la [documentación de Rocketbot](https://docs.rocketbot.com/).

- Primer ítem
- Segundo ítem

Con Variant se define si ese bloque de texto se comporta como un encabezado (Heading 1/2/3), texto de cuerpo (Body) o texto pequeño auxiliar (Caption). Con Align se controla la alineación horizontal, y con Color el color del texto.