Skip to main content

Feedback

Reactivo en vistas full width

El sistema ejecuta un mensaje luego de que el usuario ejecuta el envió de la información.

Caso éxito (success):
  • Notifys no intrusivos para indicar éxito tras una acción breve. Ejemplo: "Cambios guardados exitosamente". Estos permanecen en la esquina superior derecha y vuelven al usuario a la página desde donde solicito realizar el formulario o donde vea los cambios/creaciones efectuadas.
alt-text
Caso error (danger):
  • Usar alerts relacionados al contenido del formulario (ej: campo requerido no completado). En este caso se mantiene en la vista del formulario y se scrollea hasta el inicio de la vista donde se puede visualizar el alert.
alt-text

Reactivo en Modales

Caso éxito (success):
  • Notifys no intrusivos para indicar éxito tras una acción breve. Ejemplo: "Cambios guardados exitosamente". Estos permanecen en la esquina superior derecha del viewport incluso después de cerrar el modal.
alt-text
Caso error (danger):
  • Usar alerts dentro del modal si el error es relacionado al contenido del formulario (ej: campo requerido no completado). En este caso no se cierra el modal y se scrollea hasta el inicio del form donde se puede visualizar el alert.
  • Usar notifys si el error ocurre después de la acción y se cierra el modal (ej: error de conexión al guardar).
alt-text

Validación en tiempo real

Existe validación en tiempo real para campos obligatorios que no se completaron (vacíos), representados con un asterisco (*) y al validar se muestran en estado "danger", sin necesidad de un helper adicional.

alt-text

Validación post guardado

Los campos con errores deben mostrar el estado "danger" y, si es necesario, incluir un mensaje detallado en el helper que explique el tipo de error.

El helper se utiliza específicamente para detallar errores de validación, cuando:
  • El valor ingresado no cumple con el formato esperado.
  • El texto es demasiado corto o demasiado largo según los límites definidos.
  • El número o fecha ingresados están fuera de un rango permitido.
  • El valor ingresado ya existe en el sistema o no es único.
  • Un campo depende de otro, y los valores no coinciden o son inconsistentes.
  • Se ingresó un valor no válido según restricciones específicas.

Importante: estas validaciones no están automatizadas, sin embargo, son una referencia desde DS para los distintos tipos de campos, las cuales se pueden implementar manualmente desde el modelo de cada formulario

alt-text
message

Hola 👋

Evalúa tu experiencia utilizando nuestro Design System

Déjanos un comentario