Toast KIT

Examples API Setup
Source code

Basic

#

Using inline with various content

Desktop

With action
With icon
With badge
Avatar
Everything
The text of the notification telling what happened is in three lines because there is a lot of information

Mobile

With action
With icon
With badge
Avatar
Everything
The text of the notification telling what happened is in three lines because there is a lot of information

Customization

#

Custom styles and more component

Desktop

Sending to printer
Updating...

Mobile

 Updating...
Added

Service

#

Showing toast as notification on top of the screen. By default 2 toasts can be shown simultaneously on desktop and 1 on mobile, the rest are queued. This number is controlled by TUI_TOASTS_CONCURRENCY token