Install

npm i @mate-angular/split-layout

Import

import { MateSplitLayoutComponent } from '@mate-angular/split-layout';

Variants

Default

<mate-split-layout-ng>
  <mate-split-layout-header-ng>
    <h2>Header</h2>
    <mate-button-ng slot="actions">Action</mate-button-ng>
  </mate-split-layout-header-ng>
  <div>Main content</div>
  <mate-split-layout-right-ng>
    <p>Right panel</p>
  </mate-split-layout-right-ng>
</mate-split-layout-ng>