ng-implementation/my-workspace/projects/sae-lib/alert-box/alert-box.html

17 lines
416 B
HTML
Raw Normal View History

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>