Alert CORE

Examples API Setup

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 .

Text

#

Template

#

Your balance: ₽1 000

Component

#

This notification will be removed after router change (see TypeScript tab)

Component with data

#

Component with custom label

#

Directive

#

Concurrency limit

#

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.