Как добавить простое сообщение тостера в html

Question

Хотелось бы добавить простое всплывающее сообщение (тостер), когда пользователь нажимает кнопку вместе с другим событием.

html

<button type="button" class="" style="color: blue;" (click)=[setEvent(),popup = true]> </button>

<div class="overlay" *ngIf="popup">
    <div class="popup">
        <h2>Here i am</h2>
        <a class="close" (click)="popup = false">&times;</a>
        <div class="content">
        you have selected this event
        </div>
    </div>
</div>

ts

setEvent() {
        return ....//some code
            .then(() => {
                switch (condition) {
                    case "1":
                        // code
                        alert();
                        break;

                    case "2":
                        //code
                        alert();
                        break;
                }
            })
            .catch((err) => {
            });
    }

Я не хотел бы добавлять предупреждающее сообщение, поэтому любой другой способ, подобный этому (изображение), или любой другой простой или правильный способ использовать структурную директиву * ngIf для вызова 2 вещей