Splitter

import { Component } from '@angular/core';
import { WrSplitter } from 'ngwr/splitter';

@Component({ imports: [WrSplitter] })
export class MyComponent {}

<wr-splitter [(position)]="pos" style="height: 20rem">
  <div wrSplitterStart>Files</div>
  <div wrSplitterEnd>Editor</div>
</wr-splitter>

<wr-splitter [(position)]="pos" orientation="vertical" style="height: 20rem">
  <div wrSplitterStart>Preview</div>
  <div wrSplitterEnd>Logs</div>
</wr-splitter>