18 lines
466 B
HTML
18 lines
466 B
HTML
<div class="alert is-{{alertKind}}">
|
|
<div class="icon">
|
|
|
|
@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>
|
|
</slot>
|
|
<div (click)="onCloseClicked()" class="close-button button">x</div>
|
|
</div>
|