Toast

Toast — componente de UI para exibição de notificações na interface da plataforma Flowlu.

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

Construtor

Cria uma instância de Toast com os parâmetros fornecidos

constructor(params: ToastParams)

Parâmetro	Tipo	Descrição
params	ToastParams	Parâmetros de criação da notificação

Propriedades

events

Objeto do tipo EventCallbacks<ToastEventName> com os manipuladores de eventos da notificação

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

message

Texto da mensagem da notificação

message: string

options

Opções de exibição da notificação, do tipo ToastOptions

options: ToastOptions

title

Título da notificação

title: string

view

Visualização da notificação, do tipo ToastView

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

Métodos

clear

Oculta todas as notificações

static clear(): Promise<any>

destroy

Remove inscrições e libera recursos

destroy(): void

show

Exibe a notificação com os valores atuais de view, title, message e options

async show(): Promise<any>

Eventos do método show():

Evento	Parâmetro	Tipo	Descrição
'onShow'			Notificação foi exibida
'onHide'			Notificação foi ocultada
'onClose'			Notificação foi fechada pelo usuário

Exemplo

ESM

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

await App.initializeFrame()

const toast = new Toast({
  view: 'success',
  title: 'Salvo',
  message: 'Configurações atualizadas com sucesso',
  options: {
    timeOut: 5000
  },
  events: {
    onShow: () => console.log('Notificação exibida'),
    onHide: () => console.log('Notificação ocultada'),
    onClose: () => console.log('Notificação fechada pelo usuário')
  }
})

await toast.show()

UMD

const App = window.FlowluMiniApp;

await App.initializeFrame();

const toast = new App.Frame.Toast({
  view: 'success',
  title: 'Salvo',
  message: 'Configurações atualizadas com sucesso',
  options: {
    timeOut: 5000
  },
  events: {
    onShow: () => console.log('Notificação exibida'),
    onHide: () => console.log('Notificação ocultada'),
    onClose: () => console.log('Notificação fechada pelo usuário')
  }
});

await toast.show();