Built-in implementation of notifications
Position on screen can be configured by providing margins with TUI_ALERT_POSITION
token. Default value is 2rem 3rem 0 auto
.
Preview HTML TypeScript More Edit
Preview HTML TypeScript More Edit
Your balance: ₽1 000
Withdraw
Add
Withdraw ₽100
Preview HTML TypeScript More Edit
This notification will be removed after router change (see TypeScript tab)
Show
Preview HTML TypeScript More Edit
Component with custom label # Preview HTML TypeScript More Edit
Using function
Using component
Preview HTML TypeScript More Edit
This example demonstrates how to limit maximum number of alert being shown to concurrently (it uses mergeAll
RxJS-operator to achieve it). Just frequently click on the button to see it in action. Preview HTML TypeScript More Edit