graycoreio/daffodil

View on GitHub
libs/design/notification/examples/src/notification-status/notification-status.component.html

Summary

Maintainability
Test Coverage
<daff-notification [status]="statusControl.value">
    <fa-icon *ngIf="statusControl.value === 'success'" daffPrefix [icon]="faCheck" [fixedWidth]="true"></fa-icon>
    <fa-icon *ngIf="statusControl.value === 'warn'" daffPrefix [icon]="faExclamation" [fixedWidth]="true"></fa-icon>
    <fa-icon *ngIf="statusControl.value === 'critical'" daffPrefix [icon]="faExclamation" [fixedWidth]="true"></fa-icon>
    <div daffNotificationTitle>Title</div>
    <div daffNotificationSubtitle>This is the subtitle with information</div>
</daff-notification>

<select [formControl]="statusControl">
    <option value="success">Success</option>
    <option value="warn">Warn</option>
    <option value="critical">Critical</option>
</select>