Header
This alert indicates a success!
{{closeMessage}}
<clr-alert [clrAlertType]="'alert-success'" (clrAlertClosedChange)="onClose()">
<div class="alert-item">
<span class="alert-text">
This alert indicates a success!
</span>
</div>
</clr-alert>
<div>{{closeMessage}}</div>
export class AlertAngularDemo {{'{'}}
closeMessage: string = "";
onClose() {{'{'}}
this.closeMessage = "The alert has been closed";
{{'}'}}
{{'}'}}