Nuevo componente Toast para notificaciones

Nuevo componente Toast para notificaciones

Documentación de como usar el componente Toast para mostrar mensajes y notificaciones.


Métodos disponibles

  • Toast.Success(title, msg, duration, size)
  • Toast.Error(title, msg, duration, size)
  • Toast.Warn(title, msg, duration, size)
  • Toast.Info(title, msg, duration, size)

Parámetros

Parámetro Tipo Descripción
title varchar (100) Texto principal del toast
msg varchar (200)  Descripción o detalle (opcional)
duration numeric (6,0) Duración en ms. Default: 3000 (opcional)
size varchar (2) sm / md / lg. Default: md (opcional)

Tamaños

Clave Ancho
sm 180 – 260 px
md 240 – 340 px (default)
lg 320 – 460 px

Ejemplos

// mínimo
Toast.Success("Guardado", "El registro fue guardado.", 0, "")

// con duración personalizada Toast.Error("Error", "No se pudo conectar.", 5000, "")
// tamaño pequeño Toast.Warn("Atención", "Revisá los datos.", 3000, "sm")
// tamaño grande, sin mensaje Toast.Info("Proceso iniciado.", "", 4000, "lg")

Comportamiento

  • Se apilan verticalmente en la esquina superior derecha.
  • La barra inferior se sincroniza con la duración del toast.
  • Clic en el toast lo cierra inmediatamente.
  • Se elimina del DOM al cerrarse.

Pasos para instalacion

https://drive.google.com/file/d/1Iinrk_rjBE3PfVruoltHCisjpp4YvYSQ/view?usp=sharing

  1. Descargar el archivo JavaScript y moverlo a la siguiente ubicación.

 C:\Program Files\Apache Software Foundation\Tomcat 10.1_Tomcat10.1\webapps\GX18_GesRec_Prd1JavaDB2iSeries\static\js

       2. Si no existe la carpeta js/ crearla.

       3. Ejecutar Build


Your email address will not be published. Campos requeridos marcados *


Mark

Mark

Sorry man, But I dont speak english. Could you translate it in spanish please

Benjamin Sosa

Benjamin Sosa

Hi MPecorari, for more information communicate with the support area, Thanks!

valentin hildmann

valentin hildmann

ey man! i get a course of English for you, for only 1000uds. call me and y give you more info.