Taiga UI 5.0 is out!

Toast KIT

Examples API GitHub

On this page

Basic

Using inline with various content. Use ShrinkWrap for balanced tight wrapping.

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_TOAST_CONCURRENCY token

GitHub StackBlitz