Componentes

Documentos > App Builder > Componentes

Esta página proporciona una lista de componentes de interfaz de usuario que puedes utilizar al crear aplicaciones en App Builder.

Muchas propiedades de componentes te permiten seleccionar entre los valores proporcionados. Si quieres utilizar una expresión para el valor de una propiedad, haz clic en </> junto a la propiedad para utilizar el editor de código. Para obtener más información sobre el uso de JavaScript en App Builder, consulta Expresiones JavaScript.

Botón

Los componentes de botón tienen las siguientes propiedades.

General

Etiqueta: Texto que se muestra en el botón.
Valor: cadena o expresión

Aspecto

Intención: Controla el color del botón, con colores que representan el propósito del botón.
Valores proporcionados: por defecto, peligro, éxito, advertencia.
Es Primario: Diseñado para llamar la atención del usuario sobre las acciones más importantes para una página o flujo de trabajo determinado.
Valores proporcionados: on, off
Sin bordes: Elimina el borde de cualquier botón. Al pasar el cursor por encima, se rellena el fondo.
Valores proporcionados: on, off
Está cargando: Muestra un indicador de carga.
Valores proporcionados: on, off
Está desactivado: Aplica el estilo desactivado y elimina las interacciones.
Valores proporcionados: on, off
Es visible: Determina si el componente es visible para el usuario final. En modo edición, todos los componentes permanecen visibles.
Valores proporcionados: on, off

Eventos

Evento: Valor: clic
Reacción: Valores: personalizado, definir estado del componente, activar consulta, abrir modal, cerrar modal, abrir url, descargar archivo, definir el valor de la variable de estado.
Función de estado: Recuperar
Ejemplo: Consulta Eventos.

Para obtener más información sobre eventos, consulta Eventos.

Inspeccionar datos

Muestra pares de propiedades y valores en formato JSON.

Ejemplo

Para ver este componente en contexto, consulta el plano de la aplicación Explorador de métricas y Builder de monitores.

Valor de llamada

Los componentes de valor de llamada tienen las siguientes propiedades.

General

Etiqueta: Texto que aparece en la parte superior del componente.
Valor: cadena o expresión
Valor: Valor que resalta la llamada.
Valor: cadena o expresión
Unidad: Unidad asociada al valor.
Valor: cadena o expresión

Estilo

Estilo: Estilo visual del componente.
Valores proporcionados: predeterminado, éxito, advertencia, peligro, azul, morado, rosa, naranja, amarillo, rojo, verde, gris, azul vivo, morado vivo, rosa vivo, naranja vivo, amarillo vivo, rojo vivo, verde vivo.
Tamaño: Adapta el tamaño de la métrica para que sea proporcional al tamaño del valor.
Valores proporcionados: sm, md, lg, xl

Aspecto

Está cargando: Muestra un indicador de carga.
Valores proporcionados: on, off
Está desactivado: Aplica el estilo desactivado y elimina las interacciones.
Valores proporcionados: on, off
Es visible: Determina si el componente es visible para el usuario final. En modo edición, todos los componentes permanecen visibles.
Valores proporcionados: on, off

Inspeccionar datos

Muestra pares de propiedades y valores en formato JSON.

Ejemplo

Para ver este componente en contexto, consulta el plano de la aplicación Gestor de instancias EC2.

Casilla de verificación

Los componentes de una casilla de verificación tienen las siguientes propiedades.

General

Etiqueta

Texto que aparece en la parte superior del componente.
Valor: cadena o expresión

Opciones

Lista de casillas de verificación que el usuario puede seleccionar. El formato es una matriz de objetos donde cada objeto consiste en un par clave-valor label y value. El número mínimo de opciones es 1.
Valor: expresión
Ejemplo:

${[
  {
      "label": "Staging",
      "value": "staging"
  },
  {
      "label": "Production",
      "value": "production"
  }
]}

Apariencia

Es multilínea: Determina si el texto de la casilla de verificación debe envolverse en una nueva línea o ser truncado por una elipsis.
Valores proporcionados: on, off
Está desactivado: Aplica el estilo desactivado y elimina las interacciones.
Valores proporcionados: on, off
Es visible: Determina si el componente es visible para el usuario final. En modo edición, todos los componentes permanecen visibles.
Valores proporcionados: on, off

Eventos

Evento: Valor: cambio
Reacción: Valores: personalizados, definir estado del componente, activar consulta, abrir modal, cerrar modal, descargar archivo, definir valor de la variable de estado.
Función de estado: Recuperar
Ejemplo: Consulta Eventos.

Para obtener más información sobre eventos, consulta Eventos.

Inspeccionar datos

Muestra pares de propiedades y valores en formato JSON.

Ejemplo

Para ver este componente en contexto, consulta el esquema del Explorador de métricas y Creador de monitores de la aplicación.

Contenedor

Los componentes de contenedor tienen las siguientes propiedades.

Apariencia

Es visible: Determina si el componente es visible para el usuario final. En modo edición, todos los componentes permanecen visibles.
Valores proporcionados: on, off

Inspeccionar datos

Muestra pares de propiedades y valores en formato JSON.

Ejemplo

Para ver este componente en contexto, consulta el esquema del Explorador de métricas y Creador de monitores de la aplicación.

Gráfico personalizado

Los componentes de gráficos personalizados tienen las siguientes propiedades.

General

Especificación Vega: Una cadena que representa una especificación Vega-Lite o Vega JSON válida.

Apariencia

Está cargando: Muestra un indicador de carga.
Valores proporcionados: on, off
Es visible: Determina si el componente es visible para el usuario final. En modo edición, todos los componentes permanecen visibles.
Valores proporcionados: on, off

Inspeccionar datos

Muestra pares de propiedades y valores en formato JSON.

Ejemplo

Para ver un ejemplo de cómo utilizar este componente, consulta Gráficos personalizados.

Selector de rango de fechas

Los componentes del selector de rango de fechas tienen las siguientes propiedades.

General

Rango de fechas por defecto: El marco de tiempo por defecto que muestra el selector de fecha.
Valores proporcionados: pasados 5 minutos, pasados 30 minutos, pasada 1 hora, pasadas 4 horas, pasado 1 día

Apariencia

Es visible: Determina si el componente es visible para el usuario final. En modo edición, todos los componentes permanecen visibles.
Valores proporcionados: on, off

Eventos

Evento: Valor: cambio
Reacción: Valores: personalizados, definir estado del componente, activar consulta, abrir modal, cerrar modal, descargar archivo
Estado Función: recuperar
Ejemplo: Consulta Eventos.

Para obtener más información sobre eventos, consulta Eventos.

Inspeccionar datos

Muestra pares de propiedades y valores en formato JSON.

Ejemplo

Para ver este componente en contexto, consulta el esquema del Explorador de métricas y Creador de monitores de la aplicación.

Ingreso de archivos

Los componentes de ingreso de archivos tienen las siguientes propiedades.

General

Tipos de archivo aceptados: Determina qué tipos de archivo acepta el componente de ingreso de archivos.
Valores: .csv, .json

Apariencia

Es visible: Determina si el componente es visible para el usuario final. En modo edición, todos los componentes permanecen visibles.
Valores proporcionados: on, off

Eventos

Evento: Valor: cambio
Reacción: Valores: personalizado, definir estado del componente, activar consulta, abrir modal, cerrar modal, descargar archivo, definir valor de la variable de estado.
Función de estado: recuperar
Ejemplo: Consulta Eventos.

Para obtener más información sobre eventos, consulta Eventos.

Inspeccionar datos

Muestra pares de propiedades y valores en formato JSON.

Formulario

Los componentes de formulario tienen las siguientes propiedades.

General

Título: El título del formulario.
Valor: cadena o expresión
Valor por defecto: El valor por defecto que la aplicación rellena en el formulario. Para rellenar un campo específico, puedes utilizar la notación JSON, como {"org":"frontend"} para rellenar el campo org con el valor frontend.
Valor: cadena o expresión

Campos

Cada elemento representa un campo del formulario. Cada campo tiene uno de los siguientes tipos: textInput, select, textArea o text.

Los campos tienen algunas o todas las propiedades siguientes dependiendo de su tipo de campo:

Nombre del campo: Identificador único del campo. Puedes utilizar este identificador para hacer referencia al campo en una expresión.
Valor: cadena o expresión
Etiqueta: La etiqueta que aparece sobre el campo.
Valor: cadena o expresión
Contenido: El contenido que se muestra en un campo text.
Valor: cadena o expresión
Opciones: Las opciones disponibles en un campo select. Las opciones deben ser una matriz de objetos, con una clave const para el valor de la opción y una clave opcional title para la etiqueta de la opción.
Valor: Los campos label y value de cada objeto pueden ser una cadena o una expresión.
Puedes rellenar cada objeto utilizando la interfaz gráfica de usuario (por defecto) o activar Raw para utilizar la entrada JSON sin procesar para proporcionar toda la matriz de objetos.
Texto del parámetro: El texto que aparece en un campo textInput o textArea cuando no se introduce ningún valor.
Valor: cadena o expresión
Está desactivado: Aplica el estilo desactivado y elimina las interacciones.
Valores proporcionados: on, off
Es visible: Determina si el campo es visible en el formulario.
Valores proporcionados: on, off
Es obligatorio: Determina si el campo es obligatorio para enviar el formulario.
Valores proporcionados: on, off

Apariencia

Es visible: Determina si el componente es visible para el usuario final. En modo edición, todos los componentes permanecen visibles.
Valores proporcionados: on, off
Está desactivado: Aplica el estilo desactivado y elimina las interacciones.
Valores proporcionados: on, off

Eventos

Evento: Valor: enviar, modificar, confirmar
Reacción: Valores: personalizados, definir estado del componente, activar consulta, abrir modal, cerrar modal, descargar archivo, definir valor de la variable de estado
Función de estado: setValue
Ejemplo: form0.setValue({name: 'node-group-1'}) define el valor del componente form0 en {name: 'node-group-1'}.

Para obtener más información sobre eventos, consulta Eventos.

Inspeccionar datos

Muestra pares de propiedades y valores en formato JSON.

Entrada JSON

Los componentes de entrada JSON tienen las siguientes propiedades.

General

Etiqueta: El texto que aparece en la parte superior del componente.
Valor por defecto: El valor JSON por defecto que muestra el componente.

Apariencia

Sólo lectura: Determina si el componente es de sólo lectura.
Valores proporcionados: on, off
Es visible: Determina si el componente es visible para el usuario final. En modo edición, todos los componentes permanecen visibles.
Valores proporcionados: on, off

Eventos

Evento: Valor: cambio
Reacción: Valores: personalizados, definir estado del componente, activar consulta, abrir modal, cerrar modal, descargar archivo, definir valor de la variable de estado.
Función de estado: recuperar
Ejemplo: Consulta Eventos.

Para obtener más información sobre eventos, consulta Eventos.

Inspeccionar datos

Muestra pares de propiedades y valores en formato JSON.

Modal

Los componentes de modal tienen las siguientes propiedades.

General

Título: El título del modal.
Valor: cadena o expresión

Apariencia

Tamaño: La escala del modal.
Valores proporcionados: sm, md, lg
Es visible: Determina si el componente es visible para el usuario final. En modo edición, todos los componentes permanecen visibles.
Valores proporcionados: on, off

Eventos

Evento: Valores: toggleOpen, close, open
Reacción: Valores: personalizados, definir estado del componente, activar consulta, abrir modal, cerrar modal, descargar archivo, definir valor de variable de estado
Funciones de estado: recuperar
Ejemplo: Consulta Eventos.; setIsOpen
Ejemplo: modal0.setIsOpen(true) define el estado de modal0 como abierto.

Para obtener más información sobre eventos, consulta Eventos.

Inspeccionar datos

Muestra pares de propiedades y valores en formato JSON.

Ejemplo

Para ver este componente en contexto, consulta el esquema de Explorador de métricas y Creador de monitores de la aplicación.

Entrada de número

Los componentes de entrada de número tienen las siguientes propiedades.

Etiqueta: El texto que se muestra en la parte superior del componente.
Valor: cadena o expresión
Valor por defecto: El valor por defecto que la aplicación rellena en el cuadro de entrada.
Valor: número o expresión que se evalúa como un número
Texto del parámetro: El texto que aparece cuando no se introduce ningún valor.
Valor: cadena o expresión

Confirmación

Mínimo: El valor mínimo que acepta la entrada numérica.
Valor: número o expresión que se evalúa como un número
Máx: El valor máximo que acepta la entrada numérica.
Valor: número o expresión que se evalúa como un número

Apariencia

Está desactivado: Aplica el estilo desactivado y elimina las interacciones.
Valores proporcionados: on, off
Es visible: Determina si el componente es visible para el usuario final. En modo edición, todos los componentes permanecen visibles.
Valores proporcionados: on, off

Eventos

Evento: Valor: cambio
Reacción: Valores: personalizados, definir estado de componente, activar consulta, abrir modal, cerrar modal, descargar archivo, definir valor de variable de estado.
Funciones de estado: recuperar
Ejemplo: Consulta Eventos.; setValue
Ejemplo: numberInput0.setValue(3) define el valor del componente numberInput0 como 3.

Para obtener más información sobre eventos, consulta Eventos.

Inspeccionar datos

Muestra pares de propiedades y valores en formato JSON.

Ejemplo

Para ver este componente en contexto, consulta el esquema de ECS Task Manager de la aplicación.

Radio

Los componentes de radio tienen las siguientes propiedades.

General

Etiqueta: El texto que aparece en la parte superior del componente.
Valor: cadena o expresión
Opciones: La lista de opciones del botón de radio que el usuario puede seleccionar. El formato es una matriz de objetos donde cada objeto consiste en un par clave-valor label y value.
Valor: expresión
Ejemplo:

  ${[
    {
        "label": "Staging",
        "value": "staging"
    },
    {
        "label": "Production",
        "value": "production"
    }
  ]}

Valor por defecto: Valor que se selecciona cuando se carga radio.
Valor: cadena o expresión

Aspecto

Está desactivado: Aplica el estilo desactivado y elimina las interacciones.
Valores proporcionados: on, off
Es visible: Determina si el componente es visible para el usuario final. En modo edición, todos los componentes permanecen visibles.
Valores proporcionados: on, off

Eventos

Evento: Valor: cambio
Reacción: Valores: personalizado, definir estado del componente, activar consulta, abrir modal, cerrar modal, descargar archivo, definir valor de variable de estado.
Función de estado: Recuperar
Ejemplo: Consulta Eventos. Estado : setValue
Ejemplo: radioButtons0.setValue("production") define el valor del componente radioButtons0 como "production".

Para obtener más información sobre eventos, consulta Eventos.

Inspeccionar datos

Muestra pares de propiedades y valores en formato JSON.

Búsqueda

Los componentes de búsqueda tienen las siguientes propiedades.

General

Valor por defecto: Valor por defecto que la aplicación rellena en la casilla de búsqueda.
Valor: cadena o expresión
Texto del parámetro: Texto que aparece cuando no se introduce ningún valor.
Valor: cadena o expresión

Aspecto

Tamaño: Escala del componente de búsqueda.
Valores proporcionados: sm, md, lg
Está cargando: Muestra un indicador de carga.
Valores proporcionados: on, off
Es visible: Determina si el componente es visible para el usuario final. En modo edición, todos los componentes permanecen visibles.
Valores proporcionados: on, off

Eventos

Evento: Valores: cambio, envío
Reacción: Valores: personalizado, definir estado del componente, activar consulta, abrir modal, cerrar modal, descargar archivo, definir valor de variable de estado.
Funciones de estado: Recuperar
Ejemplo: Consulta Eventos. Estado : setValue
Ejemplo: search0.setValue("search query") define el valor del componente search0 como "search query".

Para obtener más información sobre eventos, consulta Eventos.

Inspeccionar datos

Muestra pares de propiedades y valores en formato JSON.

Ejemplo

Para ver este componente en contexto, consulta el plano de la aplicación Gestor de instancias EC2.

Seleccionar

Los componentes de selección tienen las siguientes propiedades.

General

Etiqueta

Texto que aparece en la parte superior del componente.
Valor: cadena o expresión

Texto del parámetro

Texto que aparece cuando no se introduce ningún valor.
Valor: cadena o expresión

Options

The list of select options that a user can select from. The format is an array of objects where each object consists of a label and value key-value pair.
Value: expression
Example:

${[
  {
      "label": "Staging",
      "value": "staging"
  },
  {
      "label": "Production",
      "value": "production"
  }
]}

Valor por defecto

Valor que se selecciona cuando se carga la selección.
Valor: cadena o expresión

Es multiselección

Determina si el usuario puede seleccionar más de una opción a la vez.
Valores proporcionados: on, off

Aspecto

Está desactivado: Aplica el estilo desactivado y elimina las interacciones.
Valores proporcionados: on, off
Es visible: Determina si el componente es visible para el usuario final. En modo edición, todos los componentes permanecen visibles.
Valores proporcionados: on, off

Eventos

Evento: Valor: cambio
Reacción: Valores: personalizado, definir estado del componente, activar consulta, abrir modal, cerrar modal, descargar archivo, definir valor de variable de estado.
Funciones de estado: Recuperar
Ejemplo: Consulta Eventos. Estado : setValue
Ejemplo: select0.setValue("staging") define el valor del componente select0 como "staging".

Para obtener más información sobre eventos, consulta Eventos.

Inspeccionar datos

Muestra pares de propiedades y valores en formato JSON.

Ejemplo

Para ver este componente en contexto, consulta el plano de la aplicación Explorador de métricas y Builder de monitores.

Pestaña

Los componentes de pestañas tienen las siguientes propiedades.

Tabs

Lista de vistas de pestaña. Utiliza el + (más) para añadir vistas adicionales.

Estilo

Estilo: Estilo de colores utilizado para el componente de pestaña.
Valores proporcionados: por defecto, morado, rosa, naranja, rojo, verde
Alineación: Forma en que los pestañas están alineadas dentro del componente de pestaña.
Valores proporcionados: horizontal (→), vertical (↓)
Impacto: Controla si el fondo de la pestaña seleccionada se colorea por completo o si sólo se colorea una pequeña banda en la parte inferior.
Valores proporcionados: alto, bajo

Aspecto

Ocultar pestañas: Controla si se muestran los marcadores de pestaña.
Valores proporcionados: on, off
Ocultar cuerpo: Controla si se muestra el cuerpo de las pestañas.
Valores proporcionados: on, off
Es visible: Determina si el componente es visible para el usuario final. En modo edición, todos los componentes permanecen visibles.
Valores proporcionados: on, off

Eventos

Evento: Valor: cambio
Reacción: Valores: personalizado, definir estado del componente, activar consulta, abrir modal, cerrar modal, descargar archivo, definir valor de variable de estado.
Funciones de estado: Recuperar
Ejemplo: Consulta Eventos.; setTabIndex
Ejemplo: tab0.setTabIndex(0) define el valor del componente tab0 en la primera pestaña.

Para obtener más información sobre eventos, consulta Eventos.

Inspeccionar datos

Muestra pares de propiedades y valores en formato JSON.

Tabla

Los componentes de tablas tienen las siguientes propiedades.

General

Fuente de datos: Matriz de objetos que se muestran en una tabla.
Valores: consulta, datos de demostración, componentes

Columnas

Cada columna de datos de la fuente de datos se representa aquí y tiene las siguientes propiedades:

Etiqueta: Texto que aparece en la parte superior de la columna.
Valor: cadena o expresión
Ruta de datos: Ruta JSON para acceder a valores anidados en objetos y matrices de una columna determinada.
Valor: cadena o expresión
Formato: Tipo de formato que adopta la columna.
Valores proporcionados: cadena, enlace, píldora de estado, fecha/hora, markdown, etiquetas (tags), barra de porcentaje, número, barra de puntuación, avatar.
Clasificable: Determina si el usuario puede clasificar por columna.
Valores proporcionados: on, off

Algunas columnas tienen propiedades adicionales basadas en su propiedad Formato.

Paginación

Incluye resumen: Determina si se muestra un resumen de la paginación directamente encima de la tabla.
Valores proporcionados: on, off
Tamaño de página: Número de filas que se muestran por página.
Valor: número o expresión que se evalúa a un número.
Recuento total: Número total de filas que se muestran en la tabla.
Valor: número o expresión que se evalúa a un número.
Tipo: Determina el tipo de paginación.
Valores proporcionados: lado cliente, lado servidor.

Acciones de fila

Al añadir una acción de fila se añade una columna Acciones a la tabla, que contiene botones de acción definidos por el usuario. Estos botones tienen las siguientes propiedades:

Etiqueta: Texto que se muestra en el botón de acción.
Valor: cadena o expresión
Principal: Diseñado para llamar la atención del usuario sobre las acciones más importantes para una determinada página o flujo de trabajo.
Valores proporcionados: on, off
Sin bordes: Elimina el borde de cualquier botón. Al pasar el cursor por encima, se rellena el fondo.
Valores proporcionados: on, off
Desactivado: Aplica el estilo desactivado y elimina las interacciones.
Valores proporcionados: on, off
Nivel: Controla el color del botón según su intención.
Valores proporcionados: por defecto, peligro, éxito, advertencia
Reacción: Tipo de reacción que activa el botón. Valores: personalizado, definir estado del componente, activar consulta, abrir modal, cerrar modal, descargar archivo, definir valor de variable de estado.
Función de estado: Recuperar
Ejemplo: Consulta Eventos.

Aspecto

Está cargando: Muestra un indicador de carga.
Valores proporcionados: on, off
Incluye ajuste de texto: Determina si el texto de la celda se ajusta.
Valores proporcionados: on, off
Desplazable: Determina de qué formas se puede desplazar la tabla.
Valores proporcionados: ambos, vertical
Es visible: Determina si el componente es visible para el usuario final. En modo edición, todos los componentes permanecen visibles.
Valores proporcionados: on, off

Eventos

Evento

Valores: pageChange, tableRowClick

Reacción

Valores: personalizado, definir estado del componente, activar consulta, abrir modal, cerrar modal, descargar archivo, definir valor de variable de estado.

Funciones de estado

Recuperar
Ejemplo: Consulta Eventos.

setSelectedRow
Ejemplo:

table0.setSelectedRow(0) define la propiedad selectedRow de table0 en la primera fila.
table0.setSelectedRow(null) elimina la propiedad selectedRow.

setPageIndex
Ejemplo: table0.setPageIndex(0) define la propiedad pageIndex de table0 en la primera página.

Para obtener más información sobre eventos, consulta Eventos.

Inspeccionar datos

Muestra pares de propiedades y valores en formato JSON.

Ejemplo

Para ver este componente en contexto, consulta el plano de la aplicación Explorador de métricas y Builder de monitores.

Para ver ejemplos de uso de funciones avanzadas en tablas, consulta Tablas.

Texto

Los componentes de texto tienen las siguientes propiedades.

General

Contenido: Contenido que muestra el componente.
Valor: cadena o expresión
Tipo de contenido: Determina cómo representar el texto. Cuando se selecciona Markdown, el componente de texto admite la sintaxis básica de Markdown, incluidas las imágenes que alojas en otro lugar.
Valores proporcionados: texto sin formato, Markdown

Aspecto

Alineación de texto: Determina la alineación horizontal del texto dentro del componente.
Valores proporcionados: alinear a la izquierda, alinear al centro, alinear a la derecha.
Alineación vertical: Determina la alineación vertical del texto dentro del componente.
Valores proporcionados: alinear arriba, alinear al centro, alinear abajo.
Es visible: Determina si el componente es visible para el usuario final. En modo edición, todos los componentes permanecen visibles.
Valores proporcionados: on, off

Inspeccionar datos

Muestra pares de propiedades y valores en formato JSON.

Ejemplo

Para ver este componente en contexto, consulta el plano de la aplicación Explorador de métricas y Builder de monitores.

Área de texto

Los componentes de área de texto tienen las siguientes propiedades.

Etiqueta: Texto que aparece en la parte superior del componente.
Valor: cadena o expresión
Valor por defecto: Valor que se selecciona cuando se carga el área de texto.
Valor: cadena o expresión
Texto del parámetro: Texto que aparece cuando no se introduce ningún valor.
Valor: cadena o expresión

Aspecto

Está desactivado: Aplica el estilo desactivado y elimina las interacciones.
Valores proporcionados: on, off
Es visible: Determina si el componente es visible para el usuario final. En modo edición, todos los componentes permanecen visibles.
Valores proporcionados: on, off

Eventos

Evento: Valores: cambio, envío
Reacción: Valores: personalizado, definir estado del componente, activar consulta, abrir modal, cerrar modal, descargar archivo, definir valor de variable de estado.
Funciones de estado: Recuperar
Ejemplo: Consulta Eventos.; setValue
Ejemplo: textArea0.setValue("text") define el valor del componente textArea0 como "text".

Para obtener más información sobre eventos, consulta Eventos.

Inspeccionar datos

Muestra pares de propiedades y valores en formato JSON.

Entrada de texto

Los componentes de entrada de texto tienen las siguientes propiedades.

Etiqueta: Texto que aparece en la parte superior del componente.
Valor: cadena o expresión
Valor por defecto: Valor que se selecciona cuando se carga la entrada de texto.
Valor: cadena o expresión
Texto del parámetro: Texto que aparece cuando no se introduce ningún valor.
Valor: cadena o expresión

Aspecto

Está desactivado: Aplica el estilo desactivado y elimina las interacciones.
Valores proporcionados: on, off
Es visible: Determina si el componente es visible para el usuario final. En modo edición, todos los componentes permanecen visibles.
Valores proporcionados: on, off

Eventos

Evento: Valores: cambio, envío
Reacción: Valores: personalizado, definir estado del componente, activar consulta, abrir modal, cerrar modal, descargar archivo, definir valor de variable de estado.
Funciones de estado: Recuperar
Ejemplo: Consulta Eventos.; setValue
Ejemplo: textInput0.setValue("text") define el valor del componente textInput0 como "text".