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.

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.

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 ajustarse 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: 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.

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.

Un contenedor tiene 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 plano de la aplicación Explorador de métricas y Builder de monitores.

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

General

Especificación Vega

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.

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

General

Periodo de tiempo por defecto

Periodo 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: 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.

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.

Los componentes de entrada de archivos tienen las siguientes propiedades.

General

Tipos de archivo aceptados

Determina qué tipos de archivo acepta el componente de entrada 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 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.

Los componentes de entrada JSON tienen las siguientes propiedades.

General

Etiqueta

Texto que aparece en la parte superior del componente.

Valor por defecto

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

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

Inspeccionar datos

Muestra pares de propiedades y valores en formato JSON.

Los componentes modales tienen las siguientes propiedades.

General

Título

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

Apariencia

Tamaño

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, cerrado, abierto

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 : 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 plano de la aplicación Explorador de métricas y Builder de monitores.

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

Etiqueta

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

Valor por defecto

Valor por defecto que la aplicación rellena en el cuadro de entrada.
Valor: número o expresión que se evalúa a un número

Texto del parámetro

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

Validación

Mínimo

Valor mínimo que acepta la entrada numérica.
Valor: número o expresión que se evalúa a un número

Máx

Valor máximo que acepta la entrada numérica.
Valor: número o expresión que se evalúa a 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: 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: numberInput0.setValue(3) configura 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 plano de la aplicación Gestor de tareas ECS.

Los componentes de radio tienen las siguientes propiedades.

General

Etiqueta

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

Opciones

Lista de opciones de botón de radio que un usuario puede seleccionar. El formato es una matriz de objetos en la que cada objeto consta de un par clave-valor label y value.
Valor: expresión
Ejemplo:

  ${[
    {
        "label": "Staging",
        "value": "staging"
    },
    {
        "label": "Producción",
        "value": "producción"
    }
  ]}

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.

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.

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

Opciones

Lista de las opciones de selección que puede elegir el usuario. El formato es una matriz de objetos en la que cada objeto consta de un par clave-valor label y value.
Valor: expresión
Ejemplo:

  ${[
    {
        "label": "Staging",
        "value": "staging"
    },
    {
        "label": "Producción",
        "value": "producción"
    }
  ]}

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.

Los componentes de pestañas tienen las siguientes propiedades.

Pestañas

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.

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.

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.

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.

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

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.