Mastering Low Code - Ep 2 - View Header

gistfile1.html

{% extends "base-recordview" %}

{% set resource_name="aircraft" %}

{% block header %}
<sp-split-row>
    <div slot="left">
  <sp-header style="margin-bottom: 0">
    <sp-column>
      <sp-heading size="2xl" level="1">
          {% block title %}
              <platform-component package-name="recordpage" name="RecordDefiner"></platform-component>
          {% endblock title %}
      </sp-heading>
        <sp-row style="--sp-row-spacing: var(--sp-spacing-3);">
          <sp-icon icon="details"></sp-icon>
          <span>Aircraft</span>
      </sp-row>
    </sp-column>
     </sp-header>
    </div>
    <div slot="right" style="text-align: right;">
        <sp-header style="margin-bottom: 0">
        <sp-heading>
    <platform-component package-name="recordpage" name="RecordTemplate" template="{{ '<a href="/platform/page/aircraft-edit?uid={{UID}}"> <sp-button>Edit</sp-button>' }}"></platform-component>
    </sp-heading>
      </sp-header>
    </div>
  </sp-split-row>
{% endblock header %}