Toast

Toast — componente de UI para mostrar notificaciones en la interfaz de la plataforma Flowlu.

import { Toast } from '@flowlu/miniapp-jssdk'

Constructor

Crea una instancia de Toast con los parámetros dados

constructor(params: ToastParams)

Parámetro	Tipo	Descripción
params	ToastParams	Parámetros de creación de la notificación

Propiedades

events

Objeto de tipo EventCallbacks<ToastEventName> con los manejadores de eventos de la notificación

get events(): EventCallbacks
set events(value: EventCallbacks)

message

Texto del mensaje de la notificación

message: string

options

Opciones de visualización de la notificación de tipo ToastOptions

options: ToastOptions

title

Título de la notificación

title: string

view

Vista de la notificación de tipo ToastView

get view(): ToastView
set view(value: ToastView)

Métodos

clear

Oculta todas las notificaciones

static clear(): Promise<any>

destroy

Elimina las suscripciones y libera los recursos

destroy(): void

show

Muestra la notificación con los valores actuales de view, title, message y options

async show(): Promise<any>

Eventos del método show():

Evento	Parámetro	Tipo	Descripción
'onShow'			La notificación se muestra
'onHide'			La notificación se oculta
'onClose'			El usuario cierra la notificación

Ejemplo

ESM

import { App, Toast } from '@flowlu/miniapp-jssdk'

await App.initializeFrame()

const toast = new Toast({
  view: 'success',
  title: 'Guardado',
  message: 'Configuración actualizada correctamente',
  options: {
    timeOut: 5000
  },
  events: {
    onShow: () => console.log('Notificación mostrada'),
    onHide: () => console.log('Notificación ocultada'),
    onClose: () => console.log('Notificación cerrada por el usuario')
  }
})

await toast.show()

UMD

const App = window.FlowluMiniApp;

await App.initializeFrame();

const toast = new App.Frame.Toast({
  view: 'success',
  title: 'Guardado',
  message: 'Configuración actualizada correctamente',
  options: {
    timeOut: 5000
  },
  events: {
    onShow: () => console.log('Notificación mostrada'),
    onHide: () => console.log('Notificación ocultada'),
    onClose: () => console.log('Notificación cerrada por el usuario')
  }
});

await toast.show();