live-example-block.component.html

<section class="header" >
  <strong class="title">{{ content.name }}</strong>
  <div class="actions">
    <a class="btn action-item action-button" target="_blank" [href]="url">
      <nb-icon icon="external-link-outline"></nb-icon>
    </a>
    <button type="button"
            *ngIf="hasViewSwitch"
            class="btn action-item action-button"
            (click)="switchToInlineVew()">
      <nb-icon icon="code-outline"></nb-icon>
    </button>
  </div>
</section>
<div class="iframe-container">
  <iframe #iframe *ngIf="content.id" [style.height.px]="iframeHeight" [class.loading]="loading"></iframe>
</div>
<nb-icon class="icon-loading" icon="more-vertical-outline" *ngIf="loading"></nb-icon>