Aprender Streamlit Elementos de texto

Streamlit ofrece un conjunto completo de elementos de texto para presentar información al usuario de forma estructurada y visualmente atractiva. Desde simples títulos hasta fórmulas matemáticas con LaTeX, pasando por bloques de código con resaltado de sintaxis, estos componentes permiten documentar y enriquecer cualquier aplicación de datos.

Jerarquía de encabezados

La jerarquía visual de la aplicación se establece con las funciones de encabezado:

import streamlit as st

st.title("Título principal de la aplicación")
st.header("Sección del dashboard")
st.subheader("Subsección o grupo de métricas")
st.text("Texto plano sin formato, tipografía monoespaciada")
st.caption("Texto pequeño para notas al pie o descripciones breves")

Cada función genera un nivel de encabezado HTML diferente, creando una jerarquía semántica correcta.

Texto enriquecido con Markdown y HTML

st.markdown acepta la sintaxis completa de Markdown, incluyendo negrita, cursiva, listas, tablas y enlacees. Además, st.html permite inyectar HTML arbitrario cuando se necesita un control total sobre el formato:

st.markdown("**Negrita**, *cursiva*, ~~tachado~~ y `código inline`")
st.markdown("## Encabezado dentro de markdown")
st.markdown("- Elemento 1\n- Elemento 2\n- Elemento 3")

# HTML directo (disponible desde Streamlit 1.31)
st.html("<p style='color: #FF4B4B; font-size: 18px'>Texto con estilo personalizado</p>")

Código y fórmulas matemáticas

Para mostrar bloques de código con resaltado de sintaxis y ecuaciones matemáticas:

st.code("import numpy as np\nresult = np.sqrt(16)", language="python")
st.echo()  # Muestra el código fuente del bloque siguiente
st.latex(r"E = mc^2")
st.latex(r"\int_0^\infty e^{-x^2} dx = \frac{\sqrt{\pi}}{2}")

Mensajes de estado

Los mensajes de estado comunican el resultado de operaciones al usuario de forma clara y visual:

st.success("Datos cargados correctamente: 1.250 registros procesados.")
st.info("La predicción puede tardar hasta 30 segundos.")
st.warning("El dataset contiene 12 valores nulos en la columna 'precio'.")
st.error("Error de conexión: no se pudo acceder a la base de datos.")
st.exception(ValueError("Valor fuera de rango permitido"))

Cada tipo de mensaje utiliza un color e icono específico para que el usuario identifique rápidamente el tipo de retroalimentación.