Toast

Toast — UI component for displaying notifications in the Flowlu platform interface.

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

Constructor

Creates a Toast instance with the given parameters

constructor(params: ToastParams)

Parameter	Type	Description
params	ToastParams	Notification creation parameters

Properties

events

Object of type EventCallbacks<ToastEventName> with notification event handlers

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

message

Notification message text

message: string

options

Notification display options of type ToastOptions

options: ToastOptions

title

Notification title

title: string

view

Notification view of type ToastView

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

Methods

clear

Hides all notifications

static clear(): Promise<any>

destroy

Removes subscriptions and frees resources

destroy(): void

show

Shows the notification with current view, title, message and options values

async show(): Promise<any>

show() method events:

Event	Parameter	Type	Description
'onShow'			Notification is shown
'onHide'			Notification is hidden
'onClose'			Notification is closed by user

Example

ESM

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

await App.initializeFrame()

const toast = new Toast({
  view: 'success',
  title: 'Saved',
  message: 'Settings successfully updated',
  options: {
    timeOut: 5000
  },
  events: {
    onShow: () => console.log('Notification shown'),
    onHide: () => console.log('Notification hidden'),
    onClose: () => console.log('Notification closed by user')
  }
})

await toast.show()

UMD

const App = window.FlowluMiniApp;

await App.initializeFrame();

const toast = new App.Frame.Toast({
  view: 'success',
  title: 'Saved',
  message: 'Settings successfully updated',
  options: {
    timeOut: 5000
  },
  events: {
    onShow: () => console.log('Notification shown'),
    onHide: () => console.log('Notification hidden'),
    onClose: () => console.log('Notification closed by user')
  }
});

await toast.show();