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

19 lines
466 B
HTML
Raw Normal View History

2025-08-08 11:31:27 +02:00
<div class="alert is-{{alertKind}}">
2025-09-26 12:42:25 +02:00
<div class="icon">
2025-08-19 16:20:07 +02:00
2025-09-26 12:42:25 +02:00
@if (alertKind == "warning") {
<i class="ri-triangle-line"></i>
}
@if (alertKind == "danger") {
<i class="ri-triangle-line"></i>
}
@if (alertKind == "error") {
<i class="ri-triangle-line"></i>
}
</div>
<slot [innerHTML]="message " name="main">
<ng-content></ng-content>
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
</div>