Taiga UI 5.0 is out!

Push KIT

Examples API GitHub

I've seen things you people wouldn't believe. Attack ships on fire off The Shoulder Of Orion. I watched C-Beams glitter in the dark near The Tannhauser Gate. All those moments will be lost in time, like tears in rain.

Inputs/Outputs

[heading]
Heading of the push
string
[type]
Small text near icon, typically, category of the message
string
[lines]
A number of visible lines
number
[timestamp]
Timestamp of the arrival. Formatted with DatePipe if the number is passed.
string  |  number ''
(close)
Output for close button clicks. If you do not listen to this output, close button is hidden.
void

Content slots

img
Image at the top (360×170px)
Image
tui-icon
Icon in the corner
Icon
tuiLink
Single button
Link/Button
tuiButton
Additional button when it requires two
Link/Button
ng-content
The rest of the content is that push body.
Arbitrary
GitHub StackBlitz