2025-08-08 11:31:27 +02:00
|
|
|
<div class="alert is-{{alertKind}}">
|
2025-09-09 14:43:57 +02:00
|
|
|
@if (alertKind == "warning") {
|
2025-08-08 11:31:27 +02:00
|
|
|
<i class="ri-triangle-line"></i>
|
|
|
|
}
|
2025-09-09 14:43:57 +02:00
|
|
|
@if (alertKind == "danger") {
|
2025-08-08 11:31:27 +02:00
|
|
|
<i class="ri-triangle-line"></i>
|
|
|
|
}
|
2025-09-09 14:43:57 +02:00
|
|
|
@if (alertKind == "error") {
|
2025-08-08 11:31:27 +02:00
|
|
|
<i class="ri-triangle-line"></i>
|
|
|
|
}
|
2025-09-09 14:43:57 +02:00
|
|
|
<slot [innerHTML]="message " name="main">
|
2025-08-19 16:20:07 +02:00
|
|
|
|
2025-08-08 11:31:27 +02:00
|
|
|
</slot>
|
2025-09-09 14:43:57 +02:00
|
|
|
<div (click)="onCloseClicked()" class="close-button button">x</div>
|
2025-08-08 11:31:27 +02:00
|
|
|
<ng-content></ng-content>
|
|
|
|
</div>
|