Catálogo UI

Catálogo UI de FROG

Esta página es la referencia viva de los componentes x-ui.* de FROG. Todo componente nuevo o modificado debe agregarse aquí y documentarse en docs/ui-components.md.

Botones

Componentes: x-ui.button, x-ui.button-group, x-ui.confirm-action (SweetAlert2)

Ver Editar Eliminar

Alertas, estados y notificaciones

Componentes: x-ui.alert, x-ui.status-badge, x-ui.toast y PortalToast.show()

Operación completada

El registro se guardó correctamente.

Atención

Revise los datos antes de continuar.

Error

No fue posible completar la operación.

Activo Inactivo Pendiente Procesando Fallido

Toast estático de advertencia.

Marca FROG

Componente: x-ui.brand

FROG

Tablas

Componentes: x-ui.table, x-ui.empty-state

Con datos

Nombre	Estado	Acciones
Herramienta eléctrica	Activo	Ver Editar

Vacía

Nombre	Estado
Sin registros

Tabla asíncrona

La búsqueda y la paginación se actualizan sin recargar la página; el formulario conserva su respaldo GET.

Nombre	Comportamiento	Estado
Equipo de diagnóstico	Asignable y reutilizable	Procesando
Insumo de mantención	Consumible	Inactivo

Mostrando 3 a 4 de 4 resultados

« Anterior
Siguiente »

Mostrando 3 a 4 de 4 resultados

Formulario

Componentes: x-ui.form.input, x-ui.form.select (Select2), x-ui.form.checkbox, x-ui.form.daterange

Nombre

Correo electrónico

Tipo de recurso (Select2 sin buscador)

Recursos (Select2 múltiple con buscador)

Período (rango)

Fecha (única)

Configuración activa

Cancelar

Pestañas

Componente: x-ui.nav-tabs

Contenido de la pestaña Datos.

Contenido de la pestaña Recursos.

Modal y loader

Componentes: x-ui.modal, loader global PortalLoader