@engie-group/fluid-design-system-angular/src/components/inline-message/inline-message.component.html

Fluid Design System Angular

<div class="nj-inline-message" [ngClass]="getVariantClass()">
  <nj-status-indicator class="nj-inline-message__status" *ngIf="hasStatus && !isFatalError" [status]="variant"></nj-status-indicator>
  <div class="nj-inline-message__content">
    <h4 class="nj-inline-message__title">
      <ng-content select="[njInlineMessageTitle]"></ng-content>
    </h4>
    <p class="nj-inline-message__body">
      <ng-content></ng-content>
    </p>
  </div>
  <nj-icon-button *ngIf="isClosable" class="nj-inline-message__close" icon="close" [variant]="!isFatalError ? 'primary' : 'inverse'"
                  (buttonClick)="removeInlineMessage($event)">
  </nj-icon-button>
</div>