2022-04-25 18:02:09 +02:00
|
|
|
<div
|
2023-01-10 21:52:06 +01:00
|
|
|
class="tw-flex tw-items-center tw-gap-2 tw-p-2 tw-pl-4 tw-text-contrast"
|
2022-04-25 18:02:09 +02:00
|
|
|
[ngClass]="bannerClass"
|
|
|
|
[attr.role]="useAlertRole ? 'status' : null"
|
|
|
|
[attr.aria-live]="useAlertRole ? 'polite' : null"
|
|
|
|
>
|
2023-01-10 21:52:06 +01:00
|
|
|
<i class="bwi tw-align-middle tw-text-base" [ngClass]="icon" *ngIf="icon" aria-hidden="true"></i>
|
2022-08-02 08:45:59 +02:00
|
|
|
<span class="tw-grow tw-text-base">
|
2022-04-25 18:02:09 +02:00
|
|
|
<ng-content></ng-content>
|
|
|
|
</span>
|
2022-09-15 07:38:29 +02:00
|
|
|
<button
|
2023-12-08 17:15:57 +01:00
|
|
|
*ngIf="showClose"
|
2023-02-14 18:13:53 +01:00
|
|
|
type="button"
|
2022-09-15 07:38:29 +02:00
|
|
|
bitIconButton="bwi-close"
|
|
|
|
buttonType="contrast"
|
|
|
|
size="default"
|
|
|
|
(click)="onClose.emit()"
|
|
|
|
[attr.title]="'close' | i18n"
|
|
|
|
[attr.aria-label]="'close' | i18n"
|
|
|
|
></button>
|
2022-04-25 18:02:09 +02:00
|
|
|
</div>
|