@engie-group/fluid-design-system-angular/src/components/sidepanel-header/sidepanel-header.component.html

Fluid Design System Angular

<span *ngIf="title; else noTitle" class="nj-sidepanel-header__title">{{title}}</span>
<div class="nj-sidepanel-header__actions" *ngIf="shouldDisplayHeaderActions">
  <ng-container *ngFor="let action of actions" [ngTemplateOutlet]="action.templateRef"></ng-container>
  <nj-icon-button *ngIf="hasCloseIcon" variant="tertiary" icon="close" (buttonClick)="closeIconClicked.emit($event)"></nj-icon-button>
</div>

<ng-template #noTitle>
  <div class="nj-sidepanel-header__custom-title">
    <ng-content></ng-content>
  </div>
</ng-template>