Catálogo de componentes
Juega con los componentes reales
Cada ejemplo es el cliente React real de AWE. Cambia un atributo y mira el componente y el XML que lo produce.
- En vivo
Botón
Lanza acciones: buscar, guardar, confirmar. Normal, submit, reset y solo icono.
Formularios<button> - En vivo
Criterios
Las entradas de un formulario: los atributos que comparten y una guía de todos los tipos.
Formularios<criteria> - En vivo
Entradas de texto
Texto, contraseña, área de texto, editor Markdown, vista de texto y color.
Formularios<criteria> - En vivo
Números y fechas
Numérico con deslizador, fecha, rango de fechas, hora y calendario filtrado.
Formularios<criteria> - En vivo
Selects and suggests
Select, suggest, picklist and their multiple versions.
Formularios<criteria> - En vivo
Checkbox and radio
Radio, button radio, checkbox, switch and button checkbox.
Formularios<criteria> - En vivo
Subida de archivos
Sube un archivo con una zona para soltar, vista previa y captura con la cámara.
Formularios<criteria> - En vivo
Tabla
Tablas editables, ordenables y paginadas, con filtros por columna y selección.
Datos<grid> - En vivo
Tabla en árbol
Una tabla con filas padre e hijas desplegables para datos jerárquicos.
Datos<grid> - En vivo
Tabla dinámica
Matrices cruzadas con filas, columnas y agregaciones.
Datos<pivot-table> - En vivo
Gráfico
Barras, líneas, sectores y más, alimentados por las mismas consultas que las tablas.
Gráficos y mapas<chart> - En vivo
Asistente
Flujos paso a paso con indicador de progreso y validación en cada paso.
Diseño<wizard> - En vivo
Pestañas y acordeón
Organiza pantallas densas en pestañas o secciones plegables.
Diseño<tabcontainer> - En vivo
Mapa
Mapas interactivos con marcadores seleccionables y rutas.
Gráficos y mapas<map> - En vivo
Visor de archivos
Muestra archivos de texto y documentos PDF junto a tus datos.
Multimedia<widget> - En vivo
Tarjeta
Agrupa contenido relacionado en una superficie con título y, opcionalmente, plegable.
Diseño<card> - En vivo
Diálogo
Ventanas modales para confirmaciones y tareas concretas.
Diseño<dialog> - En vivo
Panel lateral y popover
Paneles en el borde de la pantalla y popovers junto a un control, sin salir de la pantalla.
Diseño<side-panel> - En vivo
Menú contextual
Menús de clic derecho con iconos, separadores, submenús y cualquier acción.
Diseño<context-button> - En vivo
Mensajes e información
Diálogos de confirmación, avisos y mensajes sobre un campo, y los controles de información de la cabecera.
Diseño<message> - En vivo
Ventana y diseño
Ventanas, paneles redimensionables y la plantilla de pantalla con sus migas de pan.
Diseño<window> - En vivo
Etiquetas y listas
Títulos de sección, texto sin formato y una etiqueta generada por cada fila de una consulta.
Diseño<tag> - En vivo
Multimedia y contenido
Avatares, vídeos con póster, imágenes y enlaces.
Multimedia<avatar> - En vivo
Widgets
Un carrusel de imágenes y vídeos, y el visor de ayuda de la aplicación.
Multimedia<widget>
24 componentes