# Install

```shell
npm i @mate-angular/split-layout
```

# Import

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

# Variants

## Default

```html
<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>